← All changes
|
assets/css/modules/announcements/announcements.css
+11
-7
4.3.0
→
3.13.2
View file →
| @@ -1,8 +1,11 @@ | ||
| 1 | 1 | #e-announcements-root { |
| 2 | 2 | position: fixed; |
| 3 | 3 | display: flex; |
| 4 | - inset: 0; | |
| 4 | + top: 0; | |
| 5 | + left: 0; | |
| 6 | + width: 100%; | |
| 7 | + height: 100%; | |
| 5 | 8 | align-items: center; |
| 6 | 9 | justify-content: center; |
| 7 | 10 | color: var(--e-a-color-txt); |
| 8 | 11 | font-family: Roboto, Arial, Helvetica, sans-serif; |
| @@ -18,9 +21,9 @@ | ||
| 18 | 21 | #e-announcements-root .announcements-container .announcements-heading-container { |
| 19 | 22 | display: flex; |
| 20 | 23 | align-items: center; |
| 21 | 24 | padding: 16px 32px; |
| 22 | - border-block-end: var(--e-a-border); | |
| 25 | + border-bottom: var(--e-a-border); | |
| 23 | 26 | } |
| 24 | 27 | #e-announcements-root .announcements-container .announcements-heading-container .eicon-elementor { |
| 25 | 28 | color: var(--e-a-color-logo); |
| 26 | 29 | background-color: var(--e-a-bg-logo); |
| @@ -57,9 +60,9 @@ | ||
| 57 | 60 | #e-announcements-root .announcements-container .announcement-body-container .announcement-body-content .announcement-body-title { |
| 58 | 61 | font-size: 18px; |
| 59 | 62 | font-weight: 700; |
| 60 | 63 | color: var(--e-a-color-txt-accent); |
| 61 | - padding-block-end: 15px; | |
| 64 | + padding-bottom: 15px; | |
| 62 | 65 | } |
| 63 | 66 | #e-announcements-root .announcements-container .announcement-body-container .announcement-body-content .announcement-body-description { |
| 64 | 67 | font-size: 16px; |
| 65 | 68 | line-height: 24px; |
| @@ -66,17 +69,17 @@ | ||
| 66 | 69 | font-weight: 400; |
| 67 | 70 | color: var(--e-a-color-txt); |
| 68 | 71 | } |
| 69 | 72 | #e-announcements-root .announcements-container .announcement-body-container .announcement-body-content p { |
| 70 | - margin-block-end: 15px; | |
| 73 | + margin-bottom: 15px; | |
| 71 | 74 | } |
| 72 | 75 | #e-announcements-root .announcements-container .announcement-body-container .announcement-body-content ul { |
| 73 | - margin-inline-start: 20px; | |
| 74 | - margin-block-end: 15px; | |
| 76 | + margin-left: 20px; | |
| 77 | + margin-bottom: 15px; | |
| 75 | 78 | } |
| 76 | 79 | #e-announcements-root .announcements-container .announcement-body-container .announcement-body-content li { |
| 77 | 80 | list-style: disc; |
| 78 | - margin-block-end: 5px; | |
| 81 | + margin-bottom: 5px; | |
| 79 | 82 | } |
| 80 | 83 | #e-announcements-root .announcements-container .announcement-footer-container { |
| 81 | 84 | display: flex; |
| 82 | 85 | flex-direction: row-reverse; |
| @@ -83,8 +86,9 @@ | ||
| 83 | 86 | padding: 12px 32px 32px; |
| 84 | 87 | } |
| 85 | 88 | #e-announcements-root .announcements-container .announcement-footer-container .button-item { |
| 86 | 89 | margin-inline-start: 12px; |
| 90 | + text-transform: uppercase; | |
| 87 | 91 | padding: 8px 16px; |
| 88 | 92 | outline: none; |
| 89 | 93 | border: none; |
| 90 | 94 | border-radius: var(--e-a-border-radius); |