|
7 | 7 |
|
8 | 8 | .testimonial-card__carousel { |
9 | 9 | display: flex; |
10 | | - padding: 0 var(--space-large, 16px); |
| 10 | + padding: 0 var(--space-large); |
11 | 11 | flex-direction: column; |
12 | 12 | align-items: flex-start; |
13 | | - gap: var(--space-large, 16px); |
| 13 | + gap: var(--space-large); |
14 | 14 | align-self: stretch; |
15 | 15 | } |
16 | 16 |
|
17 | 17 | .testimonial-card__text-wrapper { |
18 | 18 | display: flex; |
19 | | - padding: var(--space-xl, 32px); |
20 | | - border-radius: var(--space-xl, 32px); |
21 | | - background: var(--color-surface-mid, #F7F7F8); |
| 19 | + padding: var(--space-xl); |
| 20 | + border-radius: var(--space-xl); |
| 21 | + background: var(--color-surface-mid); |
22 | 22 | } |
23 | 23 |
|
24 | 24 | /* Quote bubble becomes a link when the testimonial has a slug — clicking |
|
53 | 53 | } |
54 | 54 |
|
55 | 55 | .testimonial-card__text { |
56 | | - color: var(--color-text-primary, #050816); |
| 56 | + color: var(--color-text-primary); |
57 | 57 | font-family: var(--font-sans); |
58 | | - font-size: var(--font-size-xl, 32px); |
| 58 | + font-size: var(--font-size-xl); |
59 | 59 | font-weight: var(--font-weight-regular); |
60 | 60 | line-height: var(--line-height-tight); |
61 | 61 | letter-spacing: var(--letter-spacing-tight); |
|
71 | 71 |
|
72 | 72 | .testimonial-card__text-tail { |
73 | 73 | width: 32px; |
74 | | - height: var(--space-xl, 32px); |
| 74 | + height: var(--space-xl); |
75 | 75 | aspect-ratio: 1/1; |
76 | | - fill: var(--color-surface-mid, #F7F7F8); |
| 76 | + fill: var(--color-surface-mid); |
77 | 77 | } |
78 | 78 |
|
79 | 79 | .testimonial-card__tail-wrapper { |
|
85 | 85 | .testimonial-card__author { |
86 | 86 | display: flex; |
87 | 87 | align-items: center; |
88 | | - gap: var(--space-medium, 12px); |
| 88 | + gap: var(--space-medium); |
89 | 89 | } |
90 | 90 |
|
91 | 91 | .testimonial-card__author-info { |
92 | 92 | display: flex; |
93 | 93 | flex-direction: column; |
94 | 94 | justify-content: center; |
95 | 95 | align-items: flex-start; |
96 | | - gap: var(--space-s, 4px); |
| 96 | + gap: var(--space-s); |
97 | 97 |
|
98 | 98 |
|
99 | 99 | /* Sans/Desktop/Regular/XS/Default */ |
100 | 100 | font-family: var(--font-sans); |
101 | | - font-size: var(--font-size-xs, 12px); |
| 101 | + font-size: var(--font-size-xs); |
102 | 102 | font-style: normal; |
103 | 103 | font-weight: 400; |
104 | 104 | line-height: 120%; |
|
108 | 108 |
|
109 | 109 |
|
110 | 110 | .testimonial-card__author-name-text { |
111 | | - color: var(--color-text-primary, #050816); |
| 111 | + color: var(--color-text-primary); |
112 | 112 | } |
113 | 113 |
|
114 | 114 | .testimonial-card__author-role { |
115 | 115 | height: 16px; |
116 | | - gap: var(--space-default, 8px); |
| 116 | + gap: var(--space-default); |
117 | 117 | display: flex; |
118 | 118 | justify-content: center; |
119 | 119 | align-items: center; |
|
250 | 250 | } |
251 | 251 |
|
252 | 252 | .testimonial-card__author-role-text { |
253 | | - color: var(--color-text-secondary, #585A64); |
| 253 | + color: var(--color-text-secondary); |
254 | 254 | } |
255 | 255 |
|
256 | 256 | .testimonial-card__author-role-badge { |
|
0 commit comments