contact-box.scss in Easy Elements for Elementor – Addons & Website Templates 1.5.3, at widgets/contact-box/css/contact-box.scss
| 1 | :root { |
| 2 | --e-global-color-primary: #EAA638; |
| 3 | --e-global-color-secondary: #0B3665; |
| 4 | --e-global-color-text: #7A8986; |
| 5 | } |
| 6 | .ee--contact-box{ |
| 7 | width: 100%; |
| 8 | svg{ |
| 9 | height: 1em; |
| 10 | } |
| 11 | .contact-box-title{ |
| 12 | color: var(--e-global-color-secondary); |
| 13 | margin-bottom: 14px; |
| 14 | a{ |
| 15 | color: currentColor; |
| 16 | } |
| 17 | } |
| 18 | .eel-icon{ |
| 19 | min-width: 60px; |
| 20 | height: 60px; |
| 21 | background: var(--e-global-color-primary); |
| 22 | display: inline-grid; |
| 23 | margin-bottom: 36px; |
| 24 | border-radius: 16px; |
| 25 | font-size: 20px; |
| 26 | place-content: center; |
| 27 | } |
| 28 | .contact-box-description{ |
| 29 | font-size: 18px; |
| 30 | color: var(--e-global-color-text); |
| 31 | a{ |
| 32 | color: currentColor; |
| 33 | } |
| 34 | } |
| 35 | &.right, |
| 36 | &.left{ |
| 37 | display: flex; |
| 38 | gap: 20px; |
| 39 | .eel-icon{ |
| 40 | margin-bottom: 0; |
| 41 | margin-top: 4px; |
| 42 | } |
| 43 | } |
| 44 | &.right{ |
| 45 | .eel-icon{ |
| 46 | order: 2; |
| 47 | } |
| 48 | } |
| 49 | } |