|
74 | 74 | } |
75 | 75 | } |
76 | 76 |
|
77 | | -/* Sponsor box styles */ |
| 77 | +/* Thank you box styles */ |
78 | 78 | .only-dark { display: none !important; } |
79 | 79 |
|
80 | 80 | @media (prefers-color-scheme: dark) { |
|
83 | 83 | } |
84 | 84 |
|
85 | 85 | :root { |
86 | | - --sponsor-text: #0d652d; |
87 | | - --sponsor-bg: #e6f4ea; |
88 | | - --sponsor-border: #a8dab5; |
89 | | - --sponsor-accent: #1e8e3e; |
| 86 | + --thank-you-text: #0d652d; |
| 87 | + --thank-you-bg: #e6f4ea; |
| 88 | + --thank-you-border: #a8dab5; |
| 89 | + --thank-you-accent: #1e8e3e; |
90 | 90 | } |
91 | 91 |
|
92 | 92 | @media (prefers-color-scheme: dark) { |
93 | 93 | :root { |
94 | | - --sponsor-text: #81c995; |
95 | | - --sponsor-bg: #0d3a1f; |
96 | | - --sponsor-border: #14592d; |
97 | | - --sponsor-accent: #34a853; |
| 94 | + --thank-you-text: #81c995; |
| 95 | + --thank-you-bg: #0d3a1f; |
| 96 | + --thank-you-border: #14592d; |
| 97 | + --thank-you-accent: #34a853; |
98 | 98 | } |
99 | 99 | } |
100 | 100 |
|
101 | 101 | .hero.summary-box { |
102 | 102 | margin-bottom: var(--space-lg); |
103 | 103 | } |
104 | 104 |
|
105 | | -.sponsor-box { |
106 | | - color: var(--sponsor-text); |
107 | | - background-color: var(--sponsor-bg); |
108 | | - border-color: var(--sponsor-border); |
109 | | - border-left: 4px solid var(--sponsor-accent); |
| 105 | +.thank-you-box { |
| 106 | + color: var(--thank-you-text); |
| 107 | + background-color: var(--thank-you-bg); |
| 108 | + border-color: var(--thank-you-border); |
| 109 | + border-left: 4px solid var(--thank-you-accent); |
110 | 110 | padding: var(--space-lg); |
111 | 111 | } |
112 | 112 |
|
113 | | -.sponsor-box img { |
| 113 | +.thank-you-box img { |
114 | 114 | margin: var(--space-sm) var(--space-xl) var(--space-sm) 0; |
115 | 115 | vertical-align: middle; |
116 | 116 | } |
0 commit comments