@solid-design-system/styles 7.5.0 → 7.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/cdn-versioned/modules/chip.css +1 -1
- package/cdn-versioned/modules/container.css +1 -1
- package/cdn-versioned/modules/copyright.css +1 -1
- package/cdn-versioned/modules/display.css +1 -1
- package/cdn-versioned/modules/footnotes.css +1 -1
- package/cdn-versioned/modules/headline.css +1 -1
- package/cdn-versioned/modules/hidden-links.css +1 -1
- package/cdn-versioned/modules/interactive.css +1 -1
- package/cdn-versioned/modules/leadtext.css +1 -1
- package/cdn-versioned/modules/list.css +1 -1
- package/cdn-versioned/modules/mark.css +1 -1
- package/cdn-versioned/modules/media.css +1 -1
- package/cdn-versioned/modules/meta.css +1 -1
- package/cdn-versioned/modules/pagination.css +1 -1
- package/cdn-versioned/modules/paragraph.css +1 -1
- package/cdn-versioned/modules/prose.css +1 -1
- package/cdn-versioned/modules/status-badge.css +1 -1
- package/cdn-versioned/modules/table-cell.css +1 -1
- package/cdn-versioned/modules/table.css +1 -1
- package/cdn-versioned/solid-styles.css +1 -1
- package/dist-versioned/modules/chip.css +21 -21
- package/dist-versioned/modules/container.css +28 -28
- package/dist-versioned/modules/copyright.css +6 -6
- package/dist-versioned/modules/display.css +6 -6
- package/dist-versioned/modules/footnotes.css +28 -28
- package/dist-versioned/modules/headline.css +30 -30
- package/dist-versioned/modules/hidden-links.css +4 -4
- package/dist-versioned/modules/interactive.css +22 -22
- package/dist-versioned/modules/leadtext.css +3 -3
- package/dist-versioned/modules/list.css +30 -30
- package/dist-versioned/modules/mark.css +1 -1
- package/dist-versioned/modules/media.css +4 -4
- package/dist-versioned/modules/meta.css +7 -7
- package/dist-versioned/modules/pagination.css +61 -61
- package/dist-versioned/modules/paragraph.css +3 -3
- package/dist-versioned/modules/prose.css +131 -131
- package/dist-versioned/modules/status-badge.css +11 -11
- package/dist-versioned/modules/table-cell.css +16 -16
- package/dist-versioned/modules/table.css +2 -2
- package/dist-versioned/solid-styles.css +298 -298
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
|
-
.sd-7-5-
|
|
4
|
+
.sd-7-5-1-chip {
|
|
5
5
|
display: inline-flex;
|
|
6
6
|
height: var(--sd-spacing-6, 1.5rem);
|
|
7
7
|
align-items: center;
|
|
@@ -18,120 +18,120 @@
|
|
|
18
18
|
white-space: nowrap;
|
|
19
19
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
20
20
|
}
|
|
21
|
-
.sd-7-5-
|
|
21
|
+
.sd-7-5-1-chip--size-lg {
|
|
22
22
|
height: var(--sd-spacing-8, 2rem);
|
|
23
23
|
padding-inline: var(--sd-spacing-3, 0.75rem);
|
|
24
24
|
}
|
|
25
|
-
.sd-7-5-
|
|
25
|
+
.sd-7-5-1-chip--sharp {
|
|
26
26
|
border-radius: var(--sd-radius-none, 0);
|
|
27
27
|
}
|
|
28
|
-
.sd-7-5-
|
|
28
|
+
.sd-7-5-1-chip--shade-low {
|
|
29
29
|
border-color: rgba(var(--sd-chip--primary-low-color-filled-border, 255 255 255 / 0));
|
|
30
30
|
background-color: rgba(var(--sd-chip--primary-low-color-background, 224 233 243));
|
|
31
31
|
}
|
|
32
|
-
.sd-7-5-
|
|
32
|
+
.sd-7-5-1-chip--shade-medium {
|
|
33
33
|
border-color: rgba(var(--sd-chip--primary-medium-color-filled-border, 255 255 255 / 0));
|
|
34
34
|
background-color: rgba(var(--sd-chip--primary-medium-color-background, 200 213 231));
|
|
35
35
|
}
|
|
36
|
-
.sd-7-5-
|
|
36
|
+
.sd-7-5-1-chip--shade-high {
|
|
37
37
|
border-color: rgba(var(--sd-chip--primary-high-color-filled-border, 255 255 255 / 0));
|
|
38
38
|
background-color: rgba(var(--sd-chip--primary-high-color-background, 153 171 208));
|
|
39
39
|
}
|
|
40
|
-
.sd-7-5-
|
|
40
|
+
.sd-7-5-1-chip--shade-none {
|
|
41
41
|
border-color: transparent;
|
|
42
42
|
background-color: transparent;
|
|
43
43
|
}
|
|
44
|
-
.sd-7-5-
|
|
44
|
+
.sd-7-5-1-chip--color-neutral {
|
|
45
45
|
border-color: rgba(var(--sd-chip--neutral-subtle-color-filled-border, 255 255 255 / 0));
|
|
46
46
|
background-color: rgba(var(--sd-chip--neutral-subtle-color-background, 246 246 246));
|
|
47
47
|
}
|
|
48
|
-
.sd-7-5-
|
|
48
|
+
.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-low {
|
|
49
49
|
border-color: rgba(var(--sd-chip--neutral-low-color-filled-border, 255 255 255 / 0));
|
|
50
50
|
background-color: rgba(var(--sd-chip--neutral-low-color-background, 233 233 233));
|
|
51
51
|
}
|
|
52
|
-
.sd-7-5-
|
|
52
|
+
.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-medium {
|
|
53
53
|
border-color: rgba(var(--sd-chip--neutral-medium-color-filled-border, 255 255 255 / 0));
|
|
54
54
|
background-color: rgba(var(--sd-chip--neutral-medium-color-background, 218 218 218));
|
|
55
55
|
}
|
|
56
|
-
.sd-7-5-
|
|
56
|
+
.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-high {
|
|
57
57
|
border-color: rgba(var(--sd-chip--neutral-high-color-filled-border, 255 255 255 / 0));
|
|
58
58
|
background-color: rgba(var(--sd-chip--neutral-high-color-background, 195 195 195));
|
|
59
59
|
}
|
|
60
|
-
.sd-7-5-
|
|
60
|
+
.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-none {
|
|
61
61
|
border-color: transparent;
|
|
62
62
|
background-color: transparent;
|
|
63
63
|
}
|
|
64
|
-
.sd-7-5-
|
|
64
|
+
.sd-7-5-1-chip--color-white {
|
|
65
65
|
border-color: rgba(var(--sd-chip--white-color-filled-border, 255 255 255 / 0));
|
|
66
66
|
background-color: rgba(var(--sd-chip--white-color-background, 255 255 255));
|
|
67
67
|
}
|
|
68
|
-
.sd-7-5-
|
|
68
|
+
.sd-7-5-1-chip--outline {
|
|
69
69
|
border-style: var(--tw-border-style);
|
|
70
70
|
border-width: 1px;
|
|
71
71
|
border-color: rgba(var(--sd-chip--primary-low-color-border, 224 233 243));
|
|
72
72
|
background-color: rgba(var(--sd-chip--primary-low-color-outline-fill, 255 255 255 / 0));
|
|
73
73
|
}
|
|
74
|
-
.sd-7-5-
|
|
74
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--shade-low {
|
|
75
75
|
border-color: rgba(var(--sd-chip--primary-medium-color-border, 200 213 231));
|
|
76
76
|
background-color: rgba(var(--sd-chip--primary-medium-color-outline-fill, 255 255 255 / 0));
|
|
77
77
|
}
|
|
78
|
-
.sd-7-5-
|
|
78
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--shade-medium {
|
|
79
79
|
border-color: rgba(var(--sd-chip--primary-high-color-border, 153 171 208));
|
|
80
80
|
background-color: rgba(var(--sd-chip--primary-high-color-outline-fill, 255 255 255 / 0));
|
|
81
81
|
}
|
|
82
|
-
.sd-7-5-
|
|
82
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--shade-high {
|
|
83
83
|
border-color: rgba(var(--sd-chip--primary-strong-color-border, 70 109 175));
|
|
84
84
|
background-color: rgba(var(--sd-chip--primary-strong-color-outline-fill, 255 255 255 / 0));
|
|
85
85
|
}
|
|
86
|
-
.sd-7-5-
|
|
86
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--color-neutral {
|
|
87
87
|
border-color: rgba(var(--sd-chip--neutral-low-color-border, 233 233 233));
|
|
88
88
|
background-color: rgba(var(--sd-chip--neutral-low-color-outline-fill, 255 255 255 / 0));
|
|
89
89
|
}
|
|
90
|
-
.sd-7-5-
|
|
90
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-low {
|
|
91
91
|
border-color: rgba(var(--sd-chip--neutral-medium-color-border, 218 218 218));
|
|
92
92
|
background-color: rgba(var(--sd-chip--neutral-medium-color-outline-fill, 255 255 255 / 0));
|
|
93
93
|
}
|
|
94
|
-
.sd-7-5-
|
|
94
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-medium {
|
|
95
95
|
border-color: rgba(var(--sd-chip--neutral-high-color-border, 195 195 195));
|
|
96
96
|
background-color: rgba(var(--sd-chip--neutral-high-color-outline-fill, 255 255 255 / 0));
|
|
97
97
|
}
|
|
98
|
-
.sd-7-5-
|
|
98
|
+
.sd-7-5-1-chip--outline.sd-7-5-1-chip--color-neutral.sd-7-5-1-chip--shade-high {
|
|
99
99
|
border-color: rgba(var(--sd-chip--neutral-strong-color-border, 174 174 174));
|
|
100
100
|
background-color: rgba(var(--sd-chip--neutral-strong-color-outline-fill, 255 255 255 / 0));
|
|
101
101
|
}
|
|
102
|
-
.sd-7-5-
|
|
102
|
+
.sd-7-5-1-container {
|
|
103
103
|
position: relative;
|
|
104
104
|
background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
|
|
105
105
|
padding-inline: var(--sd-spacing-10, 2.5rem);
|
|
106
106
|
padding-block: var(--sd-spacing-8, 2rem);
|
|
107
107
|
}
|
|
108
|
-
.sd-7-5-
|
|
108
|
+
.sd-7-5-1-container--variant-primary-100 {
|
|
109
109
|
background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
|
|
110
110
|
}
|
|
111
|
-
.sd-7-5-
|
|
111
|
+
.sd-7-5-1-container--variant-primary-800 {
|
|
112
112
|
background-color: rgba(var(--sd-container--primary-800-color-background, 5 21 48));
|
|
113
113
|
}
|
|
114
|
-
.sd-7-5-
|
|
114
|
+
.sd-7-5-1-container--variant-primary {
|
|
115
115
|
background-color: rgba(var(--sd-color-background-primary, 0 53 142));
|
|
116
116
|
}
|
|
117
|
-
.sd-7-5-
|
|
117
|
+
.sd-7-5-1-container--variant-border-neutral-400 {
|
|
118
118
|
--tw-border-style: solid;
|
|
119
119
|
border-style: solid;
|
|
120
120
|
border-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
|
|
121
121
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
122
122
|
border-width: 1px;
|
|
123
123
|
}
|
|
124
|
-
.sd-7-5-
|
|
124
|
+
.sd-7-5-1-container--variant-white {
|
|
125
125
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
126
126
|
}
|
|
127
|
-
.sd-7-5-
|
|
127
|
+
.sd-7-5-1-container--padding-sm {
|
|
128
128
|
padding-inline: var(--sd-spacing-6, 1.5rem);
|
|
129
129
|
padding-block: var(--sd-spacing-4, 1rem);
|
|
130
130
|
}
|
|
131
|
-
.sd-7-5-
|
|
131
|
+
.sd-7-5-1-container{
|
|
132
132
|
--triangle-background: rgba(var(--sd-color-background-white, 255 255 255));
|
|
133
133
|
}
|
|
134
|
-
.sd-7-5-
|
|
134
|
+
.sd-7-5-1-container--triangle-top::before, .sd-7-5-1-container--triangle-right::before, .sd-7-5-1-container--triangle-bottom::before, .sd-7-5-1-container--triangle-left::before {
|
|
135
135
|
position: absolute;
|
|
136
136
|
display: block;
|
|
137
137
|
--tw-border-style: solid;
|
|
@@ -140,27 +140,27 @@
|
|
|
140
140
|
border-width: 14px;
|
|
141
141
|
content: '';
|
|
142
142
|
}
|
|
143
|
-
.sd-7-5-
|
|
143
|
+
.sd-7-5-1-container--triangle-top::before {
|
|
144
144
|
top: 0;
|
|
145
145
|
left: calc(50% - 14px);
|
|
146
146
|
border-top-color: var(--triangle-background);
|
|
147
147
|
}
|
|
148
|
-
.sd-7-5-
|
|
148
|
+
.sd-7-5-1-container--triangle-right::before {
|
|
149
149
|
right: 0;
|
|
150
150
|
top: calc(50% - 14px);
|
|
151
151
|
border-right-color: var(--triangle-background);
|
|
152
152
|
}
|
|
153
|
-
.sd-7-5-
|
|
153
|
+
.sd-7-5-1-container--triangle-bottom::before {
|
|
154
154
|
bottom: 0;
|
|
155
155
|
left: calc(50% - 14px);
|
|
156
156
|
border-bottom-color: var(--triangle-background);
|
|
157
157
|
}
|
|
158
|
-
.sd-7-5-
|
|
158
|
+
.sd-7-5-1-container--triangle-left::before {
|
|
159
159
|
left: 0;
|
|
160
160
|
top: calc(50% - 14px);
|
|
161
161
|
border-left-color: var(--triangle-background);
|
|
162
162
|
}
|
|
163
|
-
.sd-7-5-
|
|
163
|
+
.sd-7-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-top-border::before, .sd-7-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-right-border::before, .sd-7-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-bottom-border::before, .sd-7-5-1-container--triangle-left-border::after, .sd-7-5-1-container--triangle-left-border::before {
|
|
164
164
|
position: absolute;
|
|
165
165
|
display: block;
|
|
166
166
|
--tw-border-style: solid;
|
|
@@ -168,57 +168,57 @@
|
|
|
168
168
|
border-color: transparent;
|
|
169
169
|
content: '';
|
|
170
170
|
}
|
|
171
|
-
.sd-7-5-
|
|
171
|
+
.sd-7-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-left-border::after {
|
|
172
172
|
border-width: 14px;
|
|
173
173
|
}
|
|
174
|
-
.sd-7-5-
|
|
174
|
+
.sd-7-5-1-container--triangle-top-border::before, .sd-7-5-1-container--triangle-right-border::before, .sd-7-5-1-container--triangle-bottom-border::before, .sd-7-5-1-container--triangle-left-border::before {
|
|
175
175
|
border-width: 15px;
|
|
176
176
|
}
|
|
177
|
-
.sd-7-5-
|
|
177
|
+
.sd-7-5-1-container--triangle-top-border::after, .sd-7-5-1-container--triangle-top-border::before {
|
|
178
178
|
top: -1px;
|
|
179
179
|
}
|
|
180
|
-
.sd-7-5-
|
|
180
|
+
.sd-7-5-1-container--triangle-top-border::before {
|
|
181
181
|
border-top-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
|
|
182
182
|
left: calc(50% - 15px);
|
|
183
183
|
}
|
|
184
|
-
.sd-7-5-
|
|
184
|
+
.sd-7-5-1-container--triangle-top-border::after {
|
|
185
185
|
left: calc(50% - 14px);
|
|
186
186
|
border-top-color: var(--triangle-background);
|
|
187
187
|
}
|
|
188
|
-
.sd-7-5-
|
|
188
|
+
.sd-7-5-1-container--triangle-right-border::after, .sd-7-5-1-container--triangle-right-border::before {
|
|
189
189
|
right: -1px;
|
|
190
190
|
}
|
|
191
|
-
.sd-7-5-
|
|
191
|
+
.sd-7-5-1-container--triangle-right-border::before {
|
|
192
192
|
border-right-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
|
|
193
193
|
top: calc(50% - 15px);
|
|
194
194
|
}
|
|
195
|
-
.sd-7-5-
|
|
195
|
+
.sd-7-5-1-container--triangle-right-border::after {
|
|
196
196
|
top: calc(50% - 14px);
|
|
197
197
|
border-right-color: var(--triangle-background);
|
|
198
198
|
}
|
|
199
|
-
.sd-7-5-
|
|
199
|
+
.sd-7-5-1-container--triangle-bottom-border::after, .sd-7-5-1-container--triangle-bottom-border::before {
|
|
200
200
|
bottom: -1px;
|
|
201
201
|
}
|
|
202
|
-
.sd-7-5-
|
|
202
|
+
.sd-7-5-1-container--triangle-bottom-border::before {
|
|
203
203
|
border-bottom-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
|
|
204
204
|
left: calc(50% - 15px);
|
|
205
205
|
}
|
|
206
|
-
.sd-7-5-
|
|
206
|
+
.sd-7-5-1-container--triangle-bottom-border::after {
|
|
207
207
|
left: calc(50% - 14px);
|
|
208
208
|
border-bottom-color: var(--triangle-background);
|
|
209
209
|
}
|
|
210
|
-
.sd-7-5-
|
|
210
|
+
.sd-7-5-1-container--triangle-left-border::after, .sd-7-5-1-container--triangle-left-border::before {
|
|
211
211
|
left: -1px;
|
|
212
212
|
}
|
|
213
|
-
.sd-7-5-
|
|
213
|
+
.sd-7-5-1-container--triangle-left-border::before {
|
|
214
214
|
border-left-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
|
|
215
215
|
top: calc(50% - 15px);
|
|
216
216
|
}
|
|
217
|
-
.sd-7-5-
|
|
217
|
+
.sd-7-5-1-container--triangle-left-border::after {
|
|
218
218
|
top: calc(50% - 14px);
|
|
219
219
|
border-left-color: var(--triangle-background);
|
|
220
220
|
}
|
|
221
|
-
.sd-7-5-
|
|
221
|
+
.sd-7-5-1-copyright {
|
|
222
222
|
position: relative;
|
|
223
223
|
--tw-blur: ;
|
|
224
224
|
--tw-brightness: ;
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
--tw-saturate: ;
|
|
230
230
|
--tw-sepia: ;
|
|
231
231
|
}
|
|
232
|
-
.sd-7-5-
|
|
232
|
+
.sd-7-5-1-copyright::after {
|
|
233
233
|
position: absolute;
|
|
234
234
|
bottom: 0;
|
|
235
235
|
left: 0;
|
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
246
246
|
content: var(--copyright);
|
|
247
247
|
}
|
|
248
|
-
.sd-7-5-
|
|
248
|
+
.sd-7-5-1-copyright--orientation-vertical::after {
|
|
249
249
|
width: -moz-max-content;
|
|
250
250
|
width: max-content;
|
|
251
251
|
padding-top: var(--sd-spacing-2, 0.5rem);
|
|
@@ -256,14 +256,14 @@
|
|
|
256
256
|
text-orientation: sideways-right;
|
|
257
257
|
transform: rotate(180deg);
|
|
258
258
|
}
|
|
259
|
-
.sd-7-5-
|
|
259
|
+
.sd-7-5-1-copyright--color-black::after {
|
|
260
260
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
261
261
|
filter: drop-shadow(0 0 transparent);
|
|
262
262
|
}
|
|
263
|
-
.sd-7-5-
|
|
263
|
+
.sd-7-5-1-copyright--no-shadow::after {
|
|
264
264
|
filter: drop-shadow(0 0 transparent);
|
|
265
265
|
}
|
|
266
|
-
.sd-7-5-
|
|
266
|
+
.sd-7-5-1-copyright--placement-top::after {
|
|
267
267
|
position: absolute;
|
|
268
268
|
top: 0;
|
|
269
269
|
right: 0;
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
padding-top: var(--sd-spacing-2, 0.5rem);
|
|
274
274
|
padding-right: var(--sd-spacing-4, 1rem);
|
|
275
275
|
}
|
|
276
|
-
.sd-7-5-
|
|
276
|
+
.sd-7-5-1-footnotes {
|
|
277
277
|
margin-block: 0;
|
|
278
278
|
padding: 0;
|
|
279
279
|
text-align: left;
|
|
@@ -281,18 +281,18 @@
|
|
|
281
281
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
282
282
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
283
283
|
}
|
|
284
|
-
.sd-7-5-
|
|
284
|
+
.sd-7-5-1-footnotes :target {
|
|
285
285
|
background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
|
|
286
286
|
}
|
|
287
|
-
.sd-7-5-
|
|
287
|
+
.sd-7-5-1-footnotes:is(ol) {
|
|
288
288
|
padding-inline-start: var(--sd-spacing-8, 2rem);
|
|
289
289
|
}
|
|
290
|
-
.sd-7-5-
|
|
290
|
+
.sd-7-5-1-footnotes:is(ol) li {
|
|
291
291
|
counter-increment: list-item;
|
|
292
292
|
position: relative;
|
|
293
293
|
list-style-type: none;
|
|
294
294
|
}
|
|
295
|
-
.sd-7-5-
|
|
295
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2))::before, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker))::before {
|
|
296
296
|
position: absolute;
|
|
297
297
|
left: calc(var(--sd-spacing-8, 2rem) * -1);
|
|
298
298
|
flex-shrink: 0;
|
|
@@ -304,14 +304,14 @@
|
|
|
304
304
|
padding-top: 1px;
|
|
305
305
|
font-size: 10px;
|
|
306
306
|
}
|
|
307
|
-
.sd-7-5-
|
|
307
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker::after, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2))::after, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker))::after {
|
|
308
308
|
content: none;
|
|
309
309
|
}
|
|
310
|
-
.sd-7-5-
|
|
310
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker .sd-7-5-1-footnotes--marker, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2)) .sd-7-5-1-footnotes--marker, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker)) .sd-7-5-1-footnotes--marker {
|
|
311
311
|
display: inline-block;
|
|
312
312
|
counter-increment: footnotes-multiple;
|
|
313
313
|
}
|
|
314
|
-
.sd-7-5-
|
|
314
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:has(.sd-7-5-1-footnotes--marker:nth-of-type(2)) .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes:is(ol) li:not(:has(.sd-7-5-1-footnotes--marker)) .sd-7-5-1-footnotes--marker::before {
|
|
315
315
|
position: relative;
|
|
316
316
|
left: 0;
|
|
317
317
|
vertical-align: super;
|
|
@@ -321,15 +321,15 @@
|
|
|
321
321
|
font-weight: var(--sd-font-weight-bold, 600);
|
|
322
322
|
content: counter(footnotes-multiple, lower-alpha);
|
|
323
323
|
}
|
|
324
|
-
.sd-7-5-
|
|
324
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker {
|
|
325
325
|
bottom: 0;
|
|
326
326
|
display: block;
|
|
327
327
|
}
|
|
328
|
-
.sd-7-5-
|
|
328
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker:focus-visible {
|
|
329
329
|
outline-style: var(--tw-outline-style);
|
|
330
330
|
outline-width: 0px;
|
|
331
331
|
}
|
|
332
|
-
.sd-7-5-
|
|
332
|
+
.sd-7-5-1-footnotes:is(ol) li .sd-7-5-1-footnotes--marker:focus-visible::before {
|
|
333
333
|
border-radius: var(--sd-radius, 0.25rem);
|
|
334
334
|
outline-width: 1px;
|
|
335
335
|
outline-style: var(--tw-outline-style);
|
|
@@ -337,30 +337,30 @@
|
|
|
337
337
|
outline-offset: 2px;
|
|
338
338
|
outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
|
|
339
339
|
}
|
|
340
|
-
.sd-7-5-
|
|
340
|
+
.sd-7-5-1-footnotes:is(ul) {
|
|
341
341
|
list-style: '';
|
|
342
342
|
}
|
|
343
|
-
.sd-7-5-
|
|
343
|
+
.sd-7-5-1-footnotes--inverted {
|
|
344
344
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
345
345
|
}
|
|
346
|
-
.sd-7-5-
|
|
346
|
+
.sd-7-5-1-footnotes--inverted :target {
|
|
347
347
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
|
|
348
348
|
}
|
|
349
|
-
.sd-7-5-
|
|
349
|
+
.sd-7-5-1-footnotes--inverted .sd-7-5-1-footnotes--marker::before {
|
|
350
350
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
351
351
|
outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
|
|
352
352
|
}
|
|
353
|
-
.sd-7-5-
|
|
353
|
+
.sd-7-5-1-footnotes--inverted:is(.sd-7-5-1-footnotes--marker) {
|
|
354
354
|
color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
|
|
355
355
|
outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
|
|
356
356
|
}
|
|
357
|
-
.sd-7-5-
|
|
357
|
+
.sd-7-5-1-footnotes--inverted:is(.sd-7-5-1-footnotes--marker):target {
|
|
358
358
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
|
|
359
359
|
}
|
|
360
|
-
.sd-7-5-
|
|
360
|
+
.sd-7-5-1-footnotes--inverted:is(ol) li .sd-7-5-1-footnotes--marker::before, .sd-7-5-1-footnotes--inverted:is(ol) li::before {
|
|
361
361
|
color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
|
|
362
362
|
}
|
|
363
|
-
.sd-7-5-
|
|
363
|
+
.sd-7-5-1-footnotes--marker {
|
|
364
364
|
position: relative;
|
|
365
365
|
bottom: var(--sd-spacing-2, 0.5rem);
|
|
366
366
|
display: inline-block;
|
|
@@ -370,33 +370,33 @@
|
|
|
370
370
|
text-decoration-line: none !important;
|
|
371
371
|
font-size: x-small;
|
|
372
372
|
}
|
|
373
|
-
.sd-7-5-
|
|
373
|
+
.sd-7-5-1-footnotes--marker:target {
|
|
374
374
|
background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
|
|
375
375
|
}
|
|
376
|
-
.sd-7-5-
|
|
376
|
+
.sd-7-5-1-footnotes--marker:not(:has(a))::before {
|
|
377
377
|
content: '[ ';
|
|
378
378
|
display: inline-block;
|
|
379
379
|
}
|
|
380
|
-
.sd-7-5-
|
|
380
|
+
.sd-7-5-1-footnotes--marker:not(:has(a))::after {
|
|
381
381
|
content: ' ]';
|
|
382
382
|
display: inline-block;
|
|
383
383
|
}
|
|
384
|
-
.sd-7-5-
|
|
384
|
+
.sd-7-5-1-footnotes--marker :is(a) {
|
|
385
385
|
display: inline-block;
|
|
386
386
|
--tw-font-weight: var(--sd-font-weight-bold, 600);
|
|
387
387
|
font-weight: var(--sd-font-weight-bold, 600);
|
|
388
388
|
white-space: nowrap;
|
|
389
389
|
text-decoration-line: none !important;
|
|
390
390
|
}
|
|
391
|
-
.sd-7-5-
|
|
391
|
+
.sd-7-5-1-footnotes--marker :is(a)::before {
|
|
392
392
|
content: '[ ';
|
|
393
393
|
display: inline-block;
|
|
394
394
|
}
|
|
395
|
-
.sd-7-5-
|
|
395
|
+
.sd-7-5-1-footnotes--marker :is(a)::after {
|
|
396
396
|
content: ' ]';
|
|
397
397
|
display: inline-block;
|
|
398
398
|
}
|
|
399
|
-
.sd-7-5-
|
|
399
|
+
.sd-7-5-1-footnotes--marker :is(a):focus-visible {
|
|
400
400
|
border-radius: var(--sd-radius, 0.25rem);
|
|
401
401
|
outline-width: 1px;
|
|
402
402
|
outline-style: var(--tw-outline-style);
|
|
@@ -404,10 +404,10 @@
|
|
|
404
404
|
outline-offset: 2px;
|
|
405
405
|
outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
|
|
406
406
|
}
|
|
407
|
-
.sd-7-5-
|
|
407
|
+
.sd-7-5-1-footnotes--marker:link, .sd-7-5-1-footnotes--marker:visited {
|
|
408
408
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
409
409
|
}
|
|
410
|
-
.sd-7-5-
|
|
410
|
+
.sd-7-5-1-footnotes--marker:focus-visible {
|
|
411
411
|
border-radius: var(--sd-radius, 0.25rem);
|
|
412
412
|
outline-width: 1px;
|
|
413
413
|
outline-style: var(--tw-outline-style);
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
:lang(de) {
|
|
422
422
|
--sd-hidden-links-title: 'Springe zu';
|
|
423
423
|
}
|
|
424
|
-
.sd-7-5-
|
|
424
|
+
.sd-7-5-1-hidden-links:not(:focus-within):not(.sd-7-5-1-hidden-links--debug) {
|
|
425
425
|
position: absolute;
|
|
426
426
|
width: 1px;
|
|
427
427
|
height: 1px;
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
white-space: nowrap;
|
|
433
433
|
border-width: 0;
|
|
434
434
|
}
|
|
435
|
-
.sd-7-5-
|
|
435
|
+
.sd-7-5-1-hidden-links{
|
|
436
436
|
position: absolute;
|
|
437
437
|
top: var(--sd-spacing-6, 1.5rem);
|
|
438
438
|
left: var(--sd-spacing-6, 1.5rem);
|
|
@@ -440,7 +440,7 @@
|
|
|
440
440
|
border-width: 1px;
|
|
441
441
|
border-color: rgba(var(--sd-panel-color-border, 255 255 255 / 0));
|
|
442
442
|
}
|
|
443
|
-
.sd-7-5-
|
|
443
|
+
.sd-7-5-1-hidden-links--multiple {
|
|
444
444
|
display: flex;
|
|
445
445
|
flex-direction: column;
|
|
446
446
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
@@ -449,18 +449,18 @@
|
|
|
449
449
|
--tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));
|
|
450
450
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
451
451
|
}
|
|
452
|
-
.sd-7-5-
|
|
452
|
+
.sd-7-5-1-hidden-links--multiple:before {
|
|
453
453
|
padding-inline: var(--sd-spacing-4, 1rem);
|
|
454
454
|
padding-block: var(--sd-spacing-2, 0.5rem);
|
|
455
455
|
--tw-font-weight: var(--sd-font-weight-bold, 600);
|
|
456
456
|
font-weight: var(--sd-font-weight-bold, 600);
|
|
457
457
|
content: var(--sd-hidden-links-title, 'Jump to');
|
|
458
458
|
}
|
|
459
|
-
mark.sd-7-5-
|
|
459
|
+
mark.sd-7-5-1-mark {
|
|
460
460
|
background-color: transparent;
|
|
461
461
|
color: rgba(var(--sd-color-text-accent, 45 157 0));
|
|
462
462
|
}
|
|
463
|
-
.sd-7-5-
|
|
463
|
+
.sd-7-5-1-meta {
|
|
464
464
|
font-size: var(--sd-text-base, 1rem);
|
|
465
465
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
466
466
|
--tw-leading: 1;
|
|
@@ -469,38 +469,38 @@ mark.sd-7-5-0-mark {
|
|
|
469
469
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
470
470
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
471
471
|
}
|
|
472
|
-
.sd-7-5-
|
|
472
|
+
.sd-7-5-1-meta--size-sm {
|
|
473
473
|
font-size: var(--sd-text-sm, 0.875rem);
|
|
474
474
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
475
475
|
}
|
|
476
|
-
.sd-7-5-
|
|
476
|
+
.sd-7-5-1-meta--light {
|
|
477
477
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
478
478
|
}
|
|
479
|
-
.sd-7-5-
|
|
479
|
+
.sd-7-5-1-meta--inverted {
|
|
480
480
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
481
481
|
}
|
|
482
|
-
.sd-7-5-
|
|
482
|
+
.sd-7-5-1-meta--inverted.sd-7-5-1-meta--light {
|
|
483
483
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
484
484
|
}
|
|
485
|
-
.sd-7-5-
|
|
485
|
+
.sd-7-5-1-meta--pipe::after {
|
|
486
486
|
content: '|';
|
|
487
487
|
margin-inline: var(--sd-spacing-1, 0.25rem);
|
|
488
488
|
}
|
|
489
|
-
.sd-7-5-
|
|
489
|
+
.sd-7-5-1-meta--pipe.sd-7-5-1-meta--size-sm::after {
|
|
490
490
|
margin-inline: var(--sd-spacing-0\.5, 0.125rem);
|
|
491
491
|
}
|
|
492
|
-
.sd-7-5-
|
|
492
|
+
.sd-7-5-1-pagination > :not(ul) {
|
|
493
493
|
position: absolute;
|
|
494
494
|
height: var(--sd-spacing-0\.25, 0.0625rem);
|
|
495
495
|
width: var(--sd-spacing-0\.25, 0.0625rem);
|
|
496
496
|
overflow: hidden;
|
|
497
497
|
}
|
|
498
|
-
.sd-7-5-
|
|
498
|
+
.sd-7-5-1-pagination ul {
|
|
499
499
|
display: flex;
|
|
500
500
|
align-items: center;
|
|
501
501
|
gap: var(--sd-spacing-2, 0.5rem);
|
|
502
502
|
}
|
|
503
|
-
.sd-7-5-
|
|
503
|
+
.sd-7-5-1-pagination ul li button {
|
|
504
504
|
all: unset;
|
|
505
505
|
border-style: var(--tw-border-style);
|
|
506
506
|
border-width: 0px;
|
|
@@ -508,13 +508,13 @@ mark.sd-7-5-0-mark {
|
|
|
508
508
|
border-style: solid;
|
|
509
509
|
border-color: transparent;
|
|
510
510
|
}
|
|
511
|
-
.sd-7-5-
|
|
511
|
+
.sd-7-5-1-pagination ul li button:hover:not([disabled]) {
|
|
512
512
|
cursor: pointer;
|
|
513
513
|
}
|
|
514
|
-
.sd-7-5-
|
|
514
|
+
.sd-7-5-1-pagination ul li:has(button) {
|
|
515
515
|
height: 1.875rem;
|
|
516
516
|
}
|
|
517
|
-
.sd-7-5-
|
|
517
|
+
.sd-7-5-1-pagination ul li a, .sd-7-5-1-pagination ul li button {
|
|
518
518
|
display: flex;
|
|
519
519
|
align-items: center;
|
|
520
520
|
justify-content: center;
|
|
@@ -524,30 +524,30 @@ mark.sd-7-5-0-mark {
|
|
|
524
524
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
|
|
525
525
|
transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
|
|
526
526
|
}
|
|
527
|
-
.sd-7-5-
|
|
527
|
+
.sd-7-5-1-pagination ul li a:hover:not([disabled]), .sd-7-5-1-pagination ul li button:hover:not([disabled]) {
|
|
528
528
|
color: rgba(var(--sd-color-text-primary-500, 70 109 175));
|
|
529
529
|
}
|
|
530
|
-
.sd-7-5-
|
|
530
|
+
.sd-7-5-1-pagination ul li a:active:not([disabled]), .sd-7-5-1-pagination ul li button:active:not([disabled]) {
|
|
531
531
|
color: rgba(var(--sd-color-text-primary-800, 5 21 48));
|
|
532
532
|
}
|
|
533
|
-
.sd-7-5-
|
|
533
|
+
.sd-7-5-1-pagination ul li a:focus-visible, .sd-7-5-1-pagination ul li button:focus-visible {
|
|
534
534
|
outline-width: 1px;
|
|
535
535
|
outline-style: var(--tw-outline-style);
|
|
536
536
|
outline-width: 2px;
|
|
537
537
|
outline-offset: 2px;
|
|
538
538
|
outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
|
|
539
539
|
}
|
|
540
|
-
.sd-7-5-
|
|
540
|
+
.sd-7-5-1-pagination ul li:first-child, .sd-7-5-1-pagination ul li:last-child {
|
|
541
541
|
height: var(--sd-spacing-12, 3rem);
|
|
542
542
|
width: var(--sd-spacing-12, 3rem);
|
|
543
543
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
544
544
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
545
545
|
}
|
|
546
|
-
.sd-7-5-
|
|
546
|
+
.sd-7-5-1-pagination ul li:first-child a, .sd-7-5-1-pagination ul li:first-child button, .sd-7-5-1-pagination ul li:last-child a, .sd-7-5-1-pagination ul li:last-child button {
|
|
547
547
|
height: 100%;
|
|
548
548
|
width: 100%;
|
|
549
549
|
}
|
|
550
|
-
.sd-7-5-
|
|
550
|
+
.sd-7-5-1-pagination ul li {
|
|
551
551
|
display: flex;
|
|
552
552
|
height: var(--sd-spacing-8, 2rem);
|
|
553
553
|
width: var(--sd-spacing-8, 2rem);
|
|
@@ -555,124 +555,124 @@ mark.sd-7-5-0-mark {
|
|
|
555
555
|
justify-content: center;
|
|
556
556
|
text-align: center;
|
|
557
557
|
}
|
|
558
|
-
.sd-7-5-
|
|
558
|
+
.sd-7-5-1-pagination ul li:not(:first-child):not(:last-child) a, .sd-7-5-1-pagination ul li:not(:first-child):not(:last-child) button {
|
|
559
559
|
height: 100%;
|
|
560
560
|
width: 100%;
|
|
561
561
|
border-bottom-style: var(--tw-border-style);
|
|
562
562
|
border-bottom-width: var(--sd-border-width-2, 0.125rem);
|
|
563
563
|
border-bottom-color: transparent;
|
|
564
564
|
}
|
|
565
|
-
.sd-7-5-
|
|
565
|
+
.sd-7-5-1-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-5-1-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
|
|
566
566
|
border-color: rgba(var(--sd-pagination--default-border, 45 157 0));
|
|
567
567
|
}
|
|
568
|
-
.sd-7-5-
|
|
568
|
+
.sd-7-5-1-pagination ul li a[aria-current], .sd-7-5-1-pagination ul li button[aria-current] {
|
|
569
569
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
570
570
|
}
|
|
571
|
-
.sd-7-5-
|
|
571
|
+
.sd-7-5-1-pagination ul li a[aria-current]:hover:not([disabled]), .sd-7-5-1-pagination ul li button[aria-current]:hover:not([disabled]) {
|
|
572
572
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
573
573
|
}
|
|
574
|
-
.sd-7-5-
|
|
574
|
+
.sd-7-5-1-pagination ul li:first-child:has(a:not([href])) a, .sd-7-5-1-pagination ul li:last-child:has(a:not([href])) a, .sd-7-5-1-pagination ul li:first-child:has(button[disabled]) button, .sd-7-5-1-pagination ul li:last-child:has(button[disabled]) button {
|
|
575
575
|
cursor: not-allowed;
|
|
576
576
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
577
577
|
}
|
|
578
|
-
.sd-7-5-
|
|
578
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
|
|
579
579
|
pointer-events: none;
|
|
580
580
|
position: absolute;
|
|
581
581
|
}
|
|
582
|
-
.sd-7-5-
|
|
582
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
|
|
583
583
|
display: none;
|
|
584
584
|
}
|
|
585
|
-
.sd-7-5-
|
|
585
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
|
|
586
586
|
pointer-events: auto !important;
|
|
587
587
|
position: relative !important;
|
|
588
588
|
}
|
|
589
|
-
.sd-7-5-
|
|
589
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
|
|
590
590
|
--tw-content: '...';
|
|
591
591
|
content: var(--tw-content);
|
|
592
592
|
}
|
|
593
|
-
.sd-7-5-
|
|
593
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
|
|
594
594
|
pointer-events: auto !important;
|
|
595
595
|
position: relative !important;
|
|
596
596
|
}
|
|
597
|
-
.sd-7-5-
|
|
597
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
|
|
598
598
|
content: var(--tw-content);
|
|
599
599
|
display: none !important;
|
|
600
600
|
}
|
|
601
|
-
.sd-7-5-
|
|
601
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
|
|
602
602
|
display: flex !important;
|
|
603
603
|
}
|
|
604
|
-
.sd-7-5-
|
|
604
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) {
|
|
605
605
|
pointer-events: auto;
|
|
606
606
|
position: relative;
|
|
607
607
|
}
|
|
608
|
-
.sd-7-5-
|
|
608
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6)::after {
|
|
609
609
|
content: var(--tw-content);
|
|
610
610
|
display: none;
|
|
611
611
|
}
|
|
612
|
-
.sd-7-5-
|
|
612
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) button {
|
|
613
613
|
display: flex;
|
|
614
614
|
}
|
|
615
|
-
.sd-7-5-
|
|
615
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li {
|
|
616
616
|
pointer-events: none;
|
|
617
617
|
position: relative;
|
|
618
618
|
}
|
|
619
|
-
.sd-7-5-
|
|
619
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li::after {
|
|
620
620
|
--tw-content: '...';
|
|
621
621
|
content: var(--tw-content);
|
|
622
622
|
}
|
|
623
|
-
.sd-7-5-
|
|
623
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) {
|
|
624
624
|
pointer-events: auto;
|
|
625
625
|
position: relative;
|
|
626
626
|
}
|
|
627
|
-
.sd-7-5-
|
|
627
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current])::after {
|
|
628
628
|
content: var(--tw-content);
|
|
629
629
|
display: none;
|
|
630
630
|
}
|
|
631
|
-
.sd-7-5-
|
|
631
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) button {
|
|
632
632
|
display: flex;
|
|
633
633
|
}
|
|
634
|
-
.sd-7-5-
|
|
634
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) {
|
|
635
635
|
pointer-events: auto;
|
|
636
636
|
position: relative;
|
|
637
637
|
}
|
|
638
|
-
.sd-7-5-
|
|
638
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child)::after {
|
|
639
639
|
content: var(--tw-content);
|
|
640
640
|
display: none;
|
|
641
641
|
}
|
|
642
|
-
.sd-7-5-
|
|
642
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) button {
|
|
643
643
|
display: flex;
|
|
644
644
|
}
|
|
645
|
-
.sd-7-5-
|
|
645
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
|
|
646
646
|
pointer-events: auto;
|
|
647
647
|
position: relative;
|
|
648
648
|
}
|
|
649
|
-
.sd-7-5-
|
|
649
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
|
|
650
650
|
content: var(--tw-content);
|
|
651
651
|
display: none;
|
|
652
652
|
}
|
|
653
|
-
.sd-7-5-
|
|
653
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) button {
|
|
654
654
|
display: flex;
|
|
655
655
|
}
|
|
656
|
-
.sd-7-5-
|
|
656
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
|
|
657
657
|
pointer-events: none;
|
|
658
658
|
position: relative;
|
|
659
659
|
}
|
|
660
|
-
.sd-7-5-
|
|
660
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
|
|
661
661
|
--tw-content: '...';
|
|
662
662
|
content: var(--tw-content);
|
|
663
663
|
}
|
|
664
|
-
.sd-7-5-
|
|
664
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
|
|
665
665
|
pointer-events: auto;
|
|
666
666
|
position: relative;
|
|
667
667
|
}
|
|
668
|
-
.sd-7-5-
|
|
668
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
|
|
669
669
|
content: var(--tw-content);
|
|
670
670
|
display: none;
|
|
671
671
|
}
|
|
672
|
-
.sd-7-5-
|
|
672
|
+
.sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-7-5-1-pagination:not(.sd-7-5-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
|
|
673
673
|
display: flex;
|
|
674
674
|
}
|
|
675
|
-
.sd-7-5-
|
|
675
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2) {
|
|
676
676
|
position: relative;
|
|
677
677
|
margin-inline-end: calc(var(--sd-spacing-1, 0.25rem) * 5);
|
|
678
678
|
width: var(--sd-spacing-8, 2rem);
|
|
@@ -680,71 +680,71 @@ mark.sd-7-5-0-mark {
|
|
|
680
680
|
border-bottom-width: var(--sd-border-width-2, 0.125rem);
|
|
681
681
|
border-color: rgba(var(--sd-pagination--default-border, 45 157 0));
|
|
682
682
|
}
|
|
683
|
-
.sd-7-5-
|
|
683
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2)::after {
|
|
684
684
|
content: var(--tw-content);
|
|
685
685
|
position: absolute;
|
|
686
686
|
}
|
|
687
|
-
.sd-7-5-
|
|
687
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2)::after {
|
|
688
688
|
content: var(--tw-content);
|
|
689
689
|
right: calc(18px * -1);
|
|
690
690
|
}
|
|
691
|
-
.sd-7-5-
|
|
691
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2)::after {
|
|
692
692
|
content: var(--tw-content);
|
|
693
693
|
--tw-scale-y: 1.5;
|
|
694
694
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
695
695
|
}
|
|
696
|
-
.sd-7-5-
|
|
696
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2)::after {
|
|
697
697
|
--tw-content: '/';
|
|
698
698
|
content: var(--tw-content);
|
|
699
699
|
}
|
|
700
|
-
.sd-7-5-
|
|
700
|
+
.sd-7-5-1-pagination--simple ul li:nth-child(2){
|
|
701
701
|
border-bottom-style: solid;
|
|
702
702
|
}
|
|
703
|
-
.sd-7-5-
|
|
703
|
+
.sd-7-5-1-pagination--simple ul li:nth-last-child(2) {
|
|
704
704
|
border-bottom-style: var(--tw-border-style);
|
|
705
705
|
border-bottom-width: var(--sd-border-width-2, 0.125rem);
|
|
706
706
|
border-bottom-color: transparent;
|
|
707
707
|
}
|
|
708
|
-
.sd-7-5-
|
|
708
|
+
.sd-7-5-1-pagination--inverted ul li::after {
|
|
709
709
|
content: var(--tw-content);
|
|
710
710
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
711
711
|
}
|
|
712
|
-
.sd-7-5-
|
|
712
|
+
.sd-7-5-1-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-7-5-1-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-7-5-1-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-7-5-1-pagination--inverted ul li:last-child:has(button[disabled]) button {
|
|
713
713
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
714
714
|
}
|
|
715
|
-
.sd-7-5-
|
|
715
|
+
.sd-7-5-1-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
|
|
716
716
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
717
717
|
}
|
|
718
|
-
.sd-7-5-
|
|
718
|
+
.sd-7-5-1-pagination--inverted ul li a, .sd-7-5-1-pagination--inverted ul li a[aria-current], .sd-7-5-1-pagination--inverted ul li button, .sd-7-5-1-pagination--inverted ul li button[aria-current] {
|
|
719
719
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
720
720
|
}
|
|
721
|
-
.sd-7-5-
|
|
721
|
+
.sd-7-5-1-pagination--inverted ul li a:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li button:hover:not([disabled]), .sd-7-5-1-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
|
|
722
722
|
color: rgba(var(--sd-color-text-primary-200, 224 233 243));
|
|
723
723
|
}
|
|
724
|
-
.sd-7-5-
|
|
724
|
+
.sd-7-5-1-pagination--inverted ul li a:active:not([disabled]), .sd-7-5-1-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-7-5-1-pagination--inverted ul li button:active:not([disabled]), .sd-7-5-1-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
|
|
725
725
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
726
726
|
}
|
|
727
|
-
.sd-7-5-
|
|
727
|
+
.sd-7-5-1-pagination--inverted ul li a:focus-visible, .sd-7-5-1-pagination--inverted ul li a[aria-current]:focus-visible, .sd-7-5-1-pagination--inverted ul li button:focus-visible, .sd-7-5-1-pagination--inverted ul li button[aria-current]:focus-visible {
|
|
728
728
|
outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255)));
|
|
729
729
|
}
|
|
730
|
-
.sd-7-5-
|
|
730
|
+
.sd-7-5-1-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-5-1-pagination--inverted ul li:not(:first-child):not(:last-child) button[aria-current] {
|
|
731
731
|
border-color: rgba(var(--sd-pagination--inverted-border, 45 157 0));
|
|
732
732
|
}
|
|
733
|
-
.sd-7-5-
|
|
733
|
+
.sd-7-5-1-pagination--inverted.sd-7-5-1-pagination--simple ul li {
|
|
734
734
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
735
735
|
}
|
|
736
|
-
.sd-7-5-
|
|
736
|
+
.sd-7-5-1-pagination--inverted.sd-7-5-1-pagination--simple ul li::after {
|
|
737
737
|
content: var(--tw-content);
|
|
738
738
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
739
739
|
}
|
|
740
|
-
.sd-7-5-
|
|
740
|
+
.sd-7-5-1-pagination--inverted.sd-7-5-1-pagination--simple ul li:nth-child(2) {
|
|
741
741
|
border-color: rgba(var(--sd-pagination--inverted-border, 45 157 0));
|
|
742
742
|
}
|
|
743
|
-
.sd-7-5-
|
|
743
|
+
.sd-7-5-1-status-badge {
|
|
744
744
|
display: inline-flex;
|
|
745
745
|
align-items: center;
|
|
746
746
|
}
|
|
747
|
-
.sd-7-5-
|
|
747
|
+
.sd-7-5-1-status-badge sd-7-5-1-icon {
|
|
748
748
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
749
749
|
display: flex;
|
|
750
750
|
height: var(--sd-spacing-3, 0.75rem);
|
|
@@ -753,41 +753,41 @@ mark.sd-7-5-0-mark {
|
|
|
753
753
|
padding: var(--sd-spacing-1, 0.25rem);
|
|
754
754
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
755
755
|
}
|
|
756
|
-
.sd-7-5-
|
|
756
|
+
.sd-7-5-1-status-badge--success sd-7-5-1-icon {
|
|
757
757
|
background-color: rgba(var(--sd-badge--green-color-background, 54 123 40));
|
|
758
758
|
}
|
|
759
|
-
.sd-7-5-
|
|
759
|
+
.sd-7-5-1-status-badge--warning sd-7-5-1-icon {
|
|
760
760
|
background-color: rgba(var(--sd-color-background-warning, 187 141 32));
|
|
761
761
|
}
|
|
762
|
-
.sd-7-5-
|
|
762
|
+
.sd-7-5-1-status-badge--error sd-7-5-1-icon {
|
|
763
763
|
background-color: rgba(var(--sd-badge--red-color-background, 204 25 55));
|
|
764
764
|
}
|
|
765
|
-
.sd-7-5-
|
|
765
|
+
.sd-7-5-1-status-badge--info sd-7-5-1-icon {
|
|
766
766
|
background-color: rgba(var(--sd-color-background-info, 21 130 213));
|
|
767
767
|
}
|
|
768
|
-
.sd-7-5-
|
|
768
|
+
.sd-7-5-1-status-badge--neutral sd-7-5-1-icon {
|
|
769
769
|
background-color: rgba(var(--sd-color-background-neutral-600, 136 136 136));
|
|
770
770
|
}
|
|
771
|
-
.sd-7-5-
|
|
771
|
+
.sd-7-5-1-status-badge--size-md sd-7-5-1-icon {
|
|
772
772
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
773
773
|
height: var(--sd-spacing-3, 0.75rem);
|
|
774
774
|
width: var(--sd-spacing-3, 0.75rem);
|
|
775
775
|
padding: var(--sd-spacing-0\.5, 0.125rem);
|
|
776
776
|
}
|
|
777
|
-
.sd-7-5-
|
|
777
|
+
.sd-7-5-1-status-badge--size-md{
|
|
778
778
|
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
779
779
|
}
|
|
780
|
-
.sd-7-5-
|
|
780
|
+
.sd-7-5-1-status-badge--size-sm sd-7-5-1-icon {
|
|
781
781
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
782
782
|
height: var(--sd-spacing-1, 0.25rem);
|
|
783
783
|
width: var(--sd-spacing-1, 0.25rem);
|
|
784
784
|
padding: var(--sd-spacing-0\.5, 0.125rem);
|
|
785
785
|
color: transparent !important;
|
|
786
786
|
}
|
|
787
|
-
.sd-7-5-
|
|
787
|
+
.sd-7-5-1-status-badge--size-sm{
|
|
788
788
|
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
789
789
|
}
|
|
790
|
-
.sd-7-5-
|
|
790
|
+
.sd-7-5-1-display {
|
|
791
791
|
font-size: var(--sd-text-3xl, 2rem);
|
|
792
792
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
793
793
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -797,12 +797,12 @@ mark.sd-7-5-0-mark {
|
|
|
797
797
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
798
798
|
}
|
|
799
799
|
@media (width >= 64rem) {
|
|
800
|
-
.sd-7-5-
|
|
800
|
+
.sd-7-5-1-display {
|
|
801
801
|
font-size: var(--sd-text-4xl, 2.5rem);
|
|
802
802
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
803
803
|
}
|
|
804
804
|
}
|
|
805
|
-
.sd-7-5-
|
|
805
|
+
.sd-7-5-1-display--size-xl {
|
|
806
806
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
807
807
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
808
808
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -811,7 +811,7 @@ mark.sd-7-5-0-mark {
|
|
|
811
811
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
812
812
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
813
813
|
}
|
|
814
|
-
.sd-7-5-
|
|
814
|
+
.sd-7-5-1-display--size-3xl {
|
|
815
815
|
font-size: var(--sd-text-2xl, 1.75rem);
|
|
816
816
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
817
817
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -821,31 +821,31 @@ mark.sd-7-5-0-mark {
|
|
|
821
821
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
822
822
|
}
|
|
823
823
|
@media (width >= 64rem) {
|
|
824
|
-
.sd-7-5-
|
|
824
|
+
.sd-7-5-1-display--size-3xl {
|
|
825
825
|
font-size: var(--sd-text-3xl, 2rem);
|
|
826
826
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
827
827
|
}
|
|
828
828
|
}
|
|
829
|
-
.sd-7-5-
|
|
829
|
+
.sd-7-5-1-display--inverted {
|
|
830
830
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
831
831
|
}
|
|
832
|
-
.sd-7-5-
|
|
832
|
+
.sd-7-5-1-headline, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5) {
|
|
833
833
|
display: flex;
|
|
834
834
|
--tw-font-weight: var(--sd-font-weight-bold, 600);
|
|
835
835
|
font-weight: var(--sd-font-weight-bold, 600);
|
|
836
836
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
837
837
|
}
|
|
838
|
-
.sd-7-5-
|
|
838
|
+
.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5) sd-7-5-1-icon {
|
|
839
839
|
flex-shrink: 0;
|
|
840
840
|
font-size: 3rem;
|
|
841
841
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
842
842
|
}
|
|
843
843
|
@media (width >= 40rem) {
|
|
844
|
-
.sd-7-5-
|
|
844
|
+
.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5) sd-7-5-1-icon {
|
|
845
845
|
margin-top: var(--sd-spacing-2, 0.5rem)
|
|
846
846
|
}
|
|
847
847
|
}
|
|
848
|
-
.sd-7-5-
|
|
848
|
+
.sd-7-5-1-headline.sd-7-5-1-headline, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) {
|
|
849
849
|
gap: var(--sd-spacing-4, 1rem);
|
|
850
850
|
font-size: var(--sd-text-3xl, 2rem);
|
|
851
851
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
@@ -854,20 +854,20 @@ mark.sd-7-5-0-mark {
|
|
|
854
854
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
|
|
855
855
|
}
|
|
856
856
|
@media (width >= 40rem) {
|
|
857
|
-
.sd-7-5-
|
|
857
|
+
.sd-7-5-1-headline.sd-7-5-1-headline, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) {
|
|
858
858
|
font-size: var(--sd-text-4xl, 2.5rem);
|
|
859
859
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
860
860
|
}
|
|
861
861
|
}
|
|
862
|
-
.sd-7-5-
|
|
862
|
+
.sd-7-5-1-headline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
863
863
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
864
864
|
}
|
|
865
865
|
@media (width >= 40rem) {
|
|
866
|
-
.sd-7-5-
|
|
866
|
+
.sd-7-5-1-headline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
867
867
|
margin-top: 0
|
|
868
868
|
}
|
|
869
869
|
}
|
|
870
|
-
.sd-7-5-
|
|
870
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) {
|
|
871
871
|
gap: var(--sd-spacing-4, 1rem);
|
|
872
872
|
font-size: var(--sd-text-2xl, 1.75rem);
|
|
873
873
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
@@ -876,92 +876,92 @@ mark.sd-7-5-0-mark {
|
|
|
876
876
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
|
|
877
877
|
}
|
|
878
878
|
@media (width >= 40rem) {
|
|
879
|
-
.sd-7-5-
|
|
879
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) {
|
|
880
880
|
font-size: var(--sd-text-3xl, 2rem);
|
|
881
881
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
882
882
|
}
|
|
883
883
|
}
|
|
884
|
-
.sd-7-5-
|
|
884
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
885
885
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
886
886
|
}
|
|
887
887
|
@media (width >= 40rem) {
|
|
888
|
-
.sd-7-5-
|
|
888
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-3xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
889
889
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
|
|
890
890
|
}
|
|
891
891
|
}
|
|
892
|
-
.sd-7-5-
|
|
892
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h3, h4, h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-5-1-headline) {
|
|
893
893
|
gap: var(--sd-spacing-2, 0.5rem);
|
|
894
894
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
895
895
|
}
|
|
896
|
-
.sd-7-5-
|
|
896
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline.sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-headline:is(h3, h4, h5):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
897
897
|
font-size: 2rem;
|
|
898
898
|
}
|
|
899
|
-
.sd-7-5-
|
|
899
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-headline) {
|
|
900
900
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
901
901
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
902
902
|
}
|
|
903
|
-
.sd-7-5-
|
|
903
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
904
904
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
905
905
|
}
|
|
906
906
|
@media (width >= 40rem) {
|
|
907
|
-
.sd-7-5-
|
|
907
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-headline:is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-xl sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
908
908
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
909
909
|
}
|
|
910
910
|
}
|
|
911
|
-
.sd-7-5-
|
|
911
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h4, h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-5-1-headline) {
|
|
912
912
|
--tw-leading: var(--leading-normal, 1.5);
|
|
913
913
|
line-height: var(--leading-normal, 1.5);
|
|
914
914
|
}
|
|
915
|
-
.sd-7-5-
|
|
915
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg, .sd-7-5-1-headline:is(h4), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4) {
|
|
916
916
|
font-size: var(--sd-text-lg, 1.25rem);
|
|
917
917
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
918
918
|
}
|
|
919
|
-
.sd-7-5-
|
|
919
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline:is(h4) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-5-1-icon {
|
|
920
920
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
921
921
|
}
|
|
922
922
|
@media (width >= 40rem) {
|
|
923
|
-
.sd-7-5-
|
|
923
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-headline:is(h4) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-lg sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-5-1-icon {
|
|
924
924
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
925
925
|
}
|
|
926
926
|
}
|
|
927
|
-
.sd-7-5-
|
|
927
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline), .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-headline) {
|
|
928
928
|
font-size: var(--sd-text-base, 1rem);
|
|
929
929
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
930
930
|
}
|
|
931
|
-
.sd-7-5-
|
|
931
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline) sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base sd-7-5-1-icon, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
932
932
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
933
933
|
}
|
|
934
|
-
.sd-7-5-
|
|
934
|
+
.sd-7-5-1-headline.sd-7-5-1-headline--size-base mark, .sd-7-5-1-headline:is(h5):not(.sd-7-5-1-headline) mark, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5).sd-7-5-1-headline--size-base mark, .sd-7-5-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-5-1-headline) mark {
|
|
935
935
|
color: inherit;
|
|
936
936
|
}
|
|
937
|
-
.sd-7-5-
|
|
937
|
+
.sd-7-5-1-headline--inline {
|
|
938
938
|
display: inline-block;
|
|
939
939
|
}
|
|
940
|
-
.sd-7-5-
|
|
940
|
+
.sd-7-5-1-headline--inline.sd-7-5-1-headline sd-7-5-1-icon, .sd-7-5-1-headline--inline:is(h1):not(.sd-7-5-1-headline) sd-7-5-1-icon {
|
|
941
941
|
margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
|
|
942
942
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
943
943
|
vertical-align: middle;
|
|
944
944
|
}
|
|
945
|
-
.sd-7-5-
|
|
945
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-xl, .sd-7-5-1-headline--size-lg, .sd-7-5-1-headline--size-base) sd-7-5-1-icon {
|
|
946
946
|
margin-right: var(--sd-spacing-0\.5, 0.125rem);
|
|
947
947
|
}
|
|
948
|
-
.sd-7-5-
|
|
948
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-3xl, .sd-7-5-1-headline--size-xl) sd-7-5-1-icon {
|
|
949
949
|
margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
|
|
950
950
|
}
|
|
951
|
-
.sd-7-5-
|
|
951
|
+
.sd-7-5-1-headline--inline:is(.sd-7-5-1-headline--size-lg) sd-7-5-1-icon {
|
|
952
952
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
953
953
|
}
|
|
954
|
-
.sd-7-5-
|
|
954
|
+
.sd-7-5-1-headline--inverted:not(#_), .sd-7-5-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-5-1-headline):not(#_) {
|
|
955
955
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
956
956
|
}
|
|
957
|
-
.sd-7-5-
|
|
957
|
+
.sd-7-5-1-headline--inverted:not(#_) sd-7-5-1-icon, .sd-7-5-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-5-1-headline):not(#_) sd-7-5-1-icon {
|
|
958
958
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
959
959
|
}
|
|
960
|
-
.sd-7-5-
|
|
960
|
+
.sd-7-5-1-prose a--reset, .sd-7-5-1-interactive--reset {
|
|
961
961
|
all: unset;
|
|
962
962
|
outline: revert;
|
|
963
963
|
}
|
|
964
|
-
.sd-7-5-
|
|
964
|
+
.sd-7-5-1-prose a, .sd-7-5-1-interactive{
|
|
965
965
|
cursor: pointer;
|
|
966
966
|
color: rgba(var(--sd-interactive--default-color-text, 0 53 142));
|
|
967
967
|
text-decoration-line: underline;
|
|
@@ -973,74 +973,74 @@ mark.sd-7-5-0-mark {
|
|
|
973
973
|
--tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
974
974
|
transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
975
975
|
}
|
|
976
|
-
.sd-7-5-
|
|
976
|
+
.sd-7-5-1-prose a:hover:not([disabled]), .sd-7-5-1-interactive:hover:not([disabled]) {
|
|
977
977
|
color: rgba(var(--sd-color-text-primary-500, 70 109 175));
|
|
978
978
|
}
|
|
979
|
-
.sd-7-5-
|
|
979
|
+
.sd-7-5-1-prose a:focus-visible, .sd-7-5-1-interactive:focus-visible {
|
|
980
980
|
outline-style: solid;
|
|
981
981
|
outline-offset: 2px;
|
|
982
982
|
outline-width: 2px;
|
|
983
983
|
outline-color: var(--outline-color-primary);
|
|
984
984
|
}
|
|
985
|
-
.sd-7-5-
|
|
985
|
+
.sd-7-5-1-prose a:active:not([disabled]), .sd-7-5-1-interactive:active:not([disabled]) {
|
|
986
986
|
color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
|
|
987
987
|
}
|
|
988
|
-
.sd-7-5-
|
|
988
|
+
.sd-7-5-1-prose a:is(.sd-7-5-1-interactive), .sd-7-5-1-interactive:is(.sd-7-5-1-interactive) {
|
|
989
989
|
text-decoration-line: none;
|
|
990
990
|
}
|
|
991
|
-
.sd-7-5-
|
|
991
|
+
.sd-7-5-1-prose a--variant-secondary, .sd-7-5-1-interactive--variant-secondary {
|
|
992
992
|
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
993
993
|
}
|
|
994
|
-
.sd-7-5-
|
|
994
|
+
.sd-7-5-1-prose a--variant-secondary:hover:not([disabled]), .sd-7-5-1-interactive--variant-secondary:hover:not([disabled]) {
|
|
995
995
|
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
996
996
|
}
|
|
997
|
-
.sd-7-5-
|
|
997
|
+
.sd-7-5-1-prose a--variant-secondary:active:not([disabled]), .sd-7-5-1-interactive--variant-secondary:active:not([disabled]) {
|
|
998
998
|
color: rgba(var(--sd-interactive--secondary-color-text, 0 53 142));
|
|
999
999
|
}
|
|
1000
|
-
.sd-7-5-
|
|
1000
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted {
|
|
1001
1001
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1002
1002
|
}
|
|
1003
|
-
.sd-7-5-
|
|
1003
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1004
1004
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1005
1005
|
}
|
|
1006
|
-
.sd-7-5-
|
|
1006
|
+
.sd-7-5-1-prose a--variant-secondary.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive--variant-secondary.sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1007
1007
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1008
1008
|
}
|
|
1009
|
-
.sd-7-5-
|
|
1009
|
+
.sd-7-5-1-prose a--disabled, .sd-7-5-1-prose a[disabled], .sd-7-5-1-prose a[href=''], .sd-7-5-1-interactive--disabled, .sd-7-5-1-interactive[disabled], .sd-7-5-1-interactive[href=''] {
|
|
1010
1010
|
cursor: not-allowed;
|
|
1011
1011
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
1012
1012
|
}
|
|
1013
|
-
.sd-7-5-
|
|
1013
|
+
.sd-7-5-1-prose a--disabled:hover:not([disabled]), .sd-7-5-1-prose a[disabled]:hover:not([disabled]), .sd-7-5-1-prose a[href='']:hover:not([disabled]), .sd-7-5-1-interactive--disabled:hover:not([disabled]), .sd-7-5-1-interactive[disabled]:hover:not([disabled]), .sd-7-5-1-interactive[href='']:hover:not([disabled]) {
|
|
1014
1014
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
1015
1015
|
}
|
|
1016
|
-
.sd-7-5-
|
|
1016
|
+
.sd-7-5-1-prose a--disabled:active:not([disabled]), .sd-7-5-1-prose a[disabled]:active:not([disabled]), .sd-7-5-1-prose a[href='']:active:not([disabled]), .sd-7-5-1-interactive--disabled:active:not([disabled]), .sd-7-5-1-interactive[disabled]:active:not([disabled]), .sd-7-5-1-interactive[href='']:active:not([disabled]) {
|
|
1017
1017
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
1018
1018
|
}
|
|
1019
|
-
.sd-7-5-
|
|
1019
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted, .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted, .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted, .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted {
|
|
1020
1020
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1021
1021
|
}
|
|
1022
|
-
.sd-7-5-
|
|
1022
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted:hover:not([disabled]), .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1023
1023
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1024
1024
|
}
|
|
1025
|
-
.sd-7-5-
|
|
1025
|
+
.sd-7-5-1-prose a--disabled.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-prose a[disabled].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-prose a[href=''].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive--disabled.sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive[disabled].sd-7-5-1-interactive--inverted:active:not([disabled]), .sd-7-5-1-interactive[href=''].sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1026
1026
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
1027
1027
|
}
|
|
1028
|
-
.sd-7-5-
|
|
1028
|
+
.sd-7-5-1-prose--inverted a, .sd-7-5-1-interactive--inverted {
|
|
1029
1029
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1030
1030
|
}
|
|
1031
|
-
.sd-7-5-
|
|
1031
|
+
.sd-7-5-1-prose--inverted a:hover:not([disabled]), .sd-7-5-1-interactive--inverted:hover:not([disabled]) {
|
|
1032
1032
|
color: rgba(var(--sd-color-text-primary-200, 224 233 243));
|
|
1033
1033
|
}
|
|
1034
|
-
.sd-7-5-
|
|
1034
|
+
.sd-7-5-1-prose--inverted a:focus-visible, .sd-7-5-1-interactive--inverted:focus-visible {
|
|
1035
1035
|
outline-style: solid;
|
|
1036
1036
|
outline-offset: 2px;
|
|
1037
1037
|
outline-width: 2px;
|
|
1038
1038
|
outline-color: var(--outline-color-primary);
|
|
1039
1039
|
}
|
|
1040
|
-
.sd-7-5-
|
|
1040
|
+
.sd-7-5-1-prose--inverted a:active:not([disabled]), .sd-7-5-1-interactive--inverted:active:not([disabled]) {
|
|
1041
1041
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1042
1042
|
}
|
|
1043
|
-
.sd-7-5-
|
|
1043
|
+
.sd-7-5-1-prose > .sd-7-5-1-leadtext, .sd-7-5-1-leadtext {
|
|
1044
1044
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1045
1045
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1046
1046
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1049,7 +1049,7 @@ mark.sd-7-5-0-mark {
|
|
|
1049
1049
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1050
1050
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1051
1051
|
}
|
|
1052
|
-
.sd-7-5-
|
|
1052
|
+
.sd-7-5-1-prose > .sd-7-5-1-leadtext--size-lg, .sd-7-5-1-leadtext--size-lg {
|
|
1053
1053
|
font-size: var(--sd-text-lg, 1.25rem);
|
|
1054
1054
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
1055
1055
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1058,10 +1058,10 @@ mark.sd-7-5-0-mark {
|
|
|
1058
1058
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1059
1059
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1060
1060
|
}
|
|
1061
|
-
.sd-7-5-
|
|
1061
|
+
.sd-7-5-1-prose--inverted > .sd-7-5-1-leadtext, .sd-7-5-1-leadtext--inverted {
|
|
1062
1062
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1063
1063
|
}
|
|
1064
|
-
.sd-7-5-
|
|
1064
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul) {
|
|
1065
1065
|
list-style-position: revert;
|
|
1066
1066
|
list-style-type: revert;
|
|
1067
1067
|
padding: revert;
|
|
@@ -1069,111 +1069,111 @@ mark.sd-7-5-0-mark {
|
|
|
1069
1069
|
padding-left: var(--sd-spacing-4, 1rem);
|
|
1070
1070
|
text-align: left;
|
|
1071
1071
|
}
|
|
1072
|
-
.sd-7-5-
|
|
1072
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) li:not(:first-child), .sd-7-5-1-prose > :is(ol, ul) li:not(:first-child) {
|
|
1073
1073
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1074
1074
|
}
|
|
1075
|
-
.sd-7-5-
|
|
1075
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ol, .sd-7-5-1-prose > :is(ol, ul) ul, .sd-7-5-1-prose > :is(ol, ul) ol {
|
|
1076
1076
|
all: revert;
|
|
1077
1077
|
padding-top: 0.75em;
|
|
1078
1078
|
padding-left: 1.4em;
|
|
1079
1079
|
}
|
|
1080
1080
|
@supports not (-webkit-hyphens: none) {
|
|
1081
|
-
.sd-7-5-
|
|
1081
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon) li, .sd-7-5-1-prose > :is(ol, ul) li {
|
|
1082
1082
|
padding-left: 0.3em;
|
|
1083
1083
|
}
|
|
1084
|
-
.sd-7-5-
|
|
1084
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) {
|
|
1085
1085
|
counter-reset: item;
|
|
1086
1086
|
}
|
|
1087
|
-
.sd-7-5-
|
|
1087
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li {
|
|
1088
1088
|
counter-increment: item;
|
|
1089
1089
|
}
|
|
1090
|
-
.sd-7-5-
|
|
1090
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li::marker {
|
|
1091
1091
|
content: counter(item, decimal) '. ';
|
|
1092
1092
|
}
|
|
1093
|
-
.sd-7-5-
|
|
1093
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol {
|
|
1094
1094
|
padding-left: 1.9em;
|
|
1095
1095
|
counter-reset: subitem;
|
|
1096
1096
|
}
|
|
1097
|
-
.sd-7-5-
|
|
1097
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li {
|
|
1098
1098
|
counter-increment: subitem;
|
|
1099
1099
|
}
|
|
1100
|
-
.sd-7-5-
|
|
1100
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li::marker {
|
|
1101
1101
|
content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
|
|
1102
1102
|
}
|
|
1103
|
-
.sd-7-5-
|
|
1103
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol {
|
|
1104
1104
|
padding-left: 2.7em;
|
|
1105
1105
|
counter-reset: subsubitem;
|
|
1106
1106
|
}
|
|
1107
|
-
.sd-7-5-
|
|
1107
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li {
|
|
1108
1108
|
counter-increment: subsubitem;
|
|
1109
1109
|
}
|
|
1110
|
-
.sd-7-5-
|
|
1110
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li::marker, .sd-7-5-1-prose > :is(ol, ul):is(ol):not(.sd-7-5-1-list--icon) > li > ol > li > ol > li::marker {
|
|
1111
1111
|
content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
1114
|
-
.sd-7-5-
|
|
1114
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon), .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon), .sd-7-5-1-prose > :is(ol, ul) ul {
|
|
1115
1115
|
padding-left: 0.5em;
|
|
1116
1116
|
}
|
|
1117
|
-
.sd-7-5-
|
|
1117
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li, .sd-7-5-1-prose > :is(ol, ul) ul > li {
|
|
1118
1118
|
padding-left: 0.75em;
|
|
1119
1119
|
list-style-type: '\2022';
|
|
1120
1120
|
}
|
|
1121
|
-
.sd-7-5-
|
|
1121
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul {
|
|
1122
1122
|
padding-left: 0.3em;
|
|
1123
1123
|
}
|
|
1124
|
-
.sd-7-5-
|
|
1124
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li {
|
|
1125
1125
|
list-style-type: '\002B1D';
|
|
1126
1126
|
}
|
|
1127
|
-
.sd-7-5-
|
|
1127
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li > ul, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li > ul {
|
|
1128
1128
|
padding-left: 0.4em;
|
|
1129
1129
|
}
|
|
1130
|
-
.sd-7-5-
|
|
1130
|
+
.sd-7-5-1-list:not(.sd-7-5-1-list--icon):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul > li, .sd-7-5-1-list:not(.sd-7-5-1-list--icon) ul > li > ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul):is(ul):not(.sd-7-5-1-list--icon) > li > ul > li > ul > li, .sd-7-5-1-prose > :is(ol, ul) ul > li > ul > li > ul > li {
|
|
1131
1131
|
list-style-type: '\2010';
|
|
1132
1132
|
}
|
|
1133
|
-
.sd-7-5-
|
|
1133
|
+
.sd-7-5-1-list--icon {
|
|
1134
1134
|
padding-block: var(--sd-spacing-4, 1rem);
|
|
1135
1135
|
text-align: left;
|
|
1136
1136
|
}
|
|
1137
|
-
.sd-7-5-
|
|
1137
|
+
.sd-7-5-1-list--icon li sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--icon li .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1138
1138
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1139
1139
|
}
|
|
1140
|
-
.sd-7-5-
|
|
1140
|
+
.sd-7-5-1-list--icon{
|
|
1141
1141
|
list-style-type: '';
|
|
1142
1142
|
}
|
|
1143
|
-
.sd-7-5-
|
|
1143
|
+
.sd-7-5-1-list--icon > li:first-of-type {
|
|
1144
1144
|
padding-top: 0;
|
|
1145
1145
|
}
|
|
1146
|
-
.sd-7-5-
|
|
1146
|
+
.sd-7-5-1-list--icon li {
|
|
1147
1147
|
position: relative;
|
|
1148
1148
|
padding-top: var(--sd-spacing-3, 0.75rem);
|
|
1149
1149
|
padding-left: var(--sd-spacing-10, 2.5rem);
|
|
1150
1150
|
--tw-leading: 32px;
|
|
1151
1151
|
line-height: 32px;
|
|
1152
1152
|
}
|
|
1153
|
-
.sd-7-5-
|
|
1153
|
+
.sd-7-5-1-list--icon li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--icon li > .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1154
1154
|
position: absolute;
|
|
1155
1155
|
left: 0;
|
|
1156
1156
|
font-size: var(--sd-text-3xl, 2rem);
|
|
1157
1157
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
1158
1158
|
color: rgb(var(--sd-color-icon-fill-primary, 0 53 142));
|
|
1159
1159
|
}
|
|
1160
|
-
.sd-7-5-
|
|
1160
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal {
|
|
1161
1161
|
display: flex;
|
|
1162
1162
|
}
|
|
1163
|
-
.sd-7-5-
|
|
1163
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal li {
|
|
1164
1164
|
display: flex;
|
|
1165
1165
|
padding-top: 0;
|
|
1166
1166
|
}
|
|
1167
|
-
.sd-7-5-
|
|
1167
|
+
.sd-7-5-1-list--icon.sd-7-5-1-list--horizontal li:not(:last-child) {
|
|
1168
1168
|
margin-right: var(--sd-spacing-8, 2rem);
|
|
1169
1169
|
}
|
|
1170
|
-
.sd-7-5-
|
|
1170
|
+
.sd-7-5-1-list--inverted, .sd-7-5-1-prose--inverted > :is(ol, ul) {
|
|
1171
1171
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1172
1172
|
}
|
|
1173
|
-
.sd-7-5-
|
|
1173
|
+
.sd-7-5-1-list--inverted li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-list--inverted li > .sd-7-5-1-list--icon__icon:first-of-type, .sd-7-5-1-prose--inverted > :is(ol, ul) li > sd-7-5-1-icon:first-of-type, .sd-7-5-1-prose--inverted > :is(ol, ul) li > .sd-7-5-1-list--icon__icon:first-of-type {
|
|
1174
1174
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1175
1175
|
}
|
|
1176
|
-
.sd-7-5-
|
|
1176
|
+
.sd-7-5-1-paragraph, :where(.sd-7-5-1-prose) p {
|
|
1177
1177
|
font-size: var(--sd-text-base, 1rem);
|
|
1178
1178
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
1179
1179
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1182,7 +1182,7 @@ mark.sd-7-5-0-mark {
|
|
|
1182
1182
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1183
1183
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1184
1184
|
}
|
|
1185
|
-
.sd-7-5-
|
|
1185
|
+
.sd-7-5-1-paragraph--size-sm, :where(.sd-7-5-1-prose) p--size-sm {
|
|
1186
1186
|
font-size: var(--sd-text-sm, 0.875rem);
|
|
1187
1187
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1188
1188
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1191,22 +1191,22 @@ mark.sd-7-5-0-mark {
|
|
|
1191
1191
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1192
1192
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1193
1193
|
}
|
|
1194
|
-
.sd-7-5-
|
|
1194
|
+
.sd-7-5-1-paragraph--inverted, .sd-7-5-1-prose--inverted p {
|
|
1195
1195
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1196
1196
|
}
|
|
1197
|
-
.sd-7-5-
|
|
1197
|
+
.sd-7-5-1-prose figure, figure.sd-7-5-1-media {
|
|
1198
1198
|
margin: 0;
|
|
1199
1199
|
}
|
|
1200
|
-
.sd-7-5-
|
|
1200
|
+
.sd-7-5-1-prose figure figcaption, figure.sd-7-5-1-media figcaption {
|
|
1201
1201
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
1202
1202
|
}
|
|
1203
|
-
.sd-7-5-
|
|
1203
|
+
.sd-7-5-1-prose figure figcaption:last-child, figure.sd-7-5-1-media figcaption:last-child {
|
|
1204
1204
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1205
1205
|
}
|
|
1206
|
-
.sd-7-5-
|
|
1206
|
+
.sd-7-5-1-prose--inverted figure figcaption, figure.sd-7-5-1-media--inverted figcaption {
|
|
1207
1207
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1208
1208
|
}
|
|
1209
|
-
.sd-7-5-
|
|
1209
|
+
.sd-7-5-1-prose td, .sd-7-5-1-prose th, .sd-7-5-1-table-cell {
|
|
1210
1210
|
border-inline-style: var(--tw-border-style);
|
|
1211
1211
|
border-inline-width: 0px;
|
|
1212
1212
|
border-block-style: var(--tw-border-style);
|
|
@@ -1221,11 +1221,11 @@ mark.sd-7-5-0-mark {
|
|
|
1221
1221
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1222
1222
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1223
1223
|
}
|
|
1224
|
-
.sd-7-5-
|
|
1224
|
+
.sd-7-5-1-table-cell--divider {
|
|
1225
1225
|
border-right-style: var(--tw-border-style);
|
|
1226
1226
|
border-right-width: 1px;
|
|
1227
1227
|
}
|
|
1228
|
-
.sd-7-5-
|
|
1228
|
+
.sd-7-5-1-table-cell--shadow-top:after, .sd-7-5-1-table-cell--shadow-bottom:after, .sd-7-5-1-table-cell--shadow-left:after, .sd-7-5-1-table-cell--shadow-right:after {
|
|
1229
1229
|
pointer-events: none;
|
|
1230
1230
|
position: absolute;
|
|
1231
1231
|
--tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10, 10%), transparent);
|
|
@@ -1240,12 +1240,12 @@ mark.sd-7-5-0-mark {
|
|
|
1240
1240
|
--tw-content: '';
|
|
1241
1241
|
content: var(--tw-content);
|
|
1242
1242
|
}
|
|
1243
|
-
.sd-7-5-
|
|
1243
|
+
.sd-7-5-1-table-cell--shadow-top:after, .sd-7-5-1-table-cell--shadow-bottom:after {
|
|
1244
1244
|
right: 0;
|
|
1245
1245
|
left: 0;
|
|
1246
1246
|
height: var(--sd-spacing-2\.5, 0.625rem);
|
|
1247
1247
|
}
|
|
1248
|
-
.sd-7-5-
|
|
1248
|
+
.sd-7-5-1-table-cell--shadow-top:before, .sd-7-5-1-table-cell--shadow-bottom:before {
|
|
1249
1249
|
position: absolute;
|
|
1250
1250
|
left: 0;
|
|
1251
1251
|
display: block;
|
|
@@ -1257,50 +1257,50 @@ mark.sd-7-5-0-mark {
|
|
|
1257
1257
|
--tw-content: '';
|
|
1258
1258
|
content: var(--tw-content);
|
|
1259
1259
|
}
|
|
1260
|
-
.sd-7-5-
|
|
1260
|
+
.sd-7-5-1-table-cell--shadow-left:after, .sd-7-5-1-table-cell--shadow-right:after {
|
|
1261
1261
|
top: 0;
|
|
1262
1262
|
bottom: 0;
|
|
1263
1263
|
width: var(--sd-spacing-2\.5, 0.625rem);
|
|
1264
1264
|
}
|
|
1265
|
-
.sd-7-5-
|
|
1265
|
+
.sd-7-5-1-table-cell.sd-7-5-1-table-cell--shadow-active:after {
|
|
1266
1266
|
opacity: 100%;
|
|
1267
1267
|
}
|
|
1268
|
-
.sd-7-5-
|
|
1268
|
+
.sd-7-5-1-table-cell--shadow-top:after {
|
|
1269
1269
|
top: -10px;
|
|
1270
1270
|
--tw-gradient-position: to top in oklab;
|
|
1271
1271
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1272
1272
|
}
|
|
1273
|
-
.sd-7-5-
|
|
1273
|
+
.sd-7-5-1-table-cell--shadow-top:before {
|
|
1274
1274
|
bottom: -1px;
|
|
1275
1275
|
}
|
|
1276
|
-
.sd-7-5-
|
|
1276
|
+
.sd-7-5-1-table-cell--shadow-bottom:after {
|
|
1277
1277
|
bottom: -10px;
|
|
1278
1278
|
--tw-gradient-position: to bottom in oklab;
|
|
1279
1279
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1280
1280
|
}
|
|
1281
|
-
.sd-7-5-
|
|
1281
|
+
.sd-7-5-1-table-cell--shadow-bottom:before {
|
|
1282
1282
|
top: -1px;
|
|
1283
1283
|
}
|
|
1284
|
-
.sd-7-5-
|
|
1284
|
+
.sd-7-5-1-table-cell--shadow-left:after {
|
|
1285
1285
|
left: -10px;
|
|
1286
1286
|
--tw-gradient-position: to left in oklab;
|
|
1287
1287
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1288
1288
|
}
|
|
1289
|
-
.sd-7-5-
|
|
1289
|
+
.sd-7-5-1-table-cell--shadow-right:after {
|
|
1290
1290
|
right: -10px;
|
|
1291
1291
|
--tw-gradient-position: to right in oklab;
|
|
1292
1292
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1293
1293
|
}
|
|
1294
|
-
.sd-7-5-
|
|
1294
|
+
.sd-7-5-1-table-cell--bg-white {
|
|
1295
1295
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
1296
1296
|
}
|
|
1297
|
-
.sd-7-5-
|
|
1297
|
+
.sd-7-5-1-table-cell--bg-primary-100 {
|
|
1298
1298
|
background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
|
|
1299
1299
|
}
|
|
1300
|
-
.sd-7-5-
|
|
1300
|
+
.sd-7-5-1-table-cell--bg-neutral-100 {
|
|
1301
1301
|
background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
|
|
1302
1302
|
}
|
|
1303
|
-
.sd-7-5-
|
|
1303
|
+
.sd-7-5-1-table, .sd-7-5-1-prose table {
|
|
1304
1304
|
all: unset;
|
|
1305
1305
|
display: table;
|
|
1306
1306
|
border-collapse: collapse;
|
|
@@ -1308,59 +1308,59 @@ mark.sd-7-5-0-mark {
|
|
|
1308
1308
|
--tw-border-spacing-y: 0;
|
|
1309
1309
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1310
1310
|
}
|
|
1311
|
-
.sd-7-5-
|
|
1311
|
+
.sd-7-5-1-table thead tr:first-of-type, .sd-7-5-1-table tfoot tr:first-of-type, .sd-7-5-1-prose table thead tr:first-of-type, .sd-7-5-1-prose table tfoot tr:first-of-type {
|
|
1312
1312
|
position: relative;
|
|
1313
1313
|
}
|
|
1314
|
-
.sd-7-5-
|
|
1314
|
+
.sd-7-5-1-prose {
|
|
1315
1315
|
max-width: 80ch;
|
|
1316
1316
|
text-align: left;
|
|
1317
1317
|
}
|
|
1318
|
-
.sd-7-5-
|
|
1318
|
+
.sd-7-5-1-prose > *:not(:first-child) {
|
|
1319
1319
|
margin-top: var(--sd-spacing-4, 1rem);
|
|
1320
1320
|
}
|
|
1321
|
-
.sd-7-5-
|
|
1321
|
+
.sd-7-5-1-prose > *:first-child {
|
|
1322
1322
|
margin-top: 0;
|
|
1323
1323
|
}
|
|
1324
|
-
.sd-7-5-
|
|
1324
|
+
.sd-7-5-1-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
|
|
1325
1325
|
margin-top: var(--sd-spacing-2, 0.5rem);
|
|
1326
1326
|
}
|
|
1327
|
-
.sd-7-5-
|
|
1327
|
+
.sd-7-5-1-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
|
|
1328
1328
|
margin-top: var(--sd-spacing-8, 2rem);
|
|
1329
1329
|
}
|
|
1330
|
-
.sd-7-5-
|
|
1330
|
+
.sd-7-5-1-prose > figure + *:not(#_), .sd-7-5-1-prose > img + *:not(#_) {
|
|
1331
1331
|
margin-top: var(--sd-spacing-6, 1.5rem);
|
|
1332
1332
|
}
|
|
1333
|
-
.sd-7-5-
|
|
1333
|
+
.sd-7-5-1-prose hr {
|
|
1334
1334
|
height: 0;
|
|
1335
1335
|
border-top-style: var(--tw-border-style);
|
|
1336
1336
|
border-top-width: 1px;
|
|
1337
1337
|
border-color: rgba(var(--sd-color-border-neutral-500, 174 174 174));
|
|
1338
1338
|
}
|
|
1339
|
-
.sd-7-5-
|
|
1339
|
+
.sd-7-5-1-prose pre {
|
|
1340
1340
|
overflow: auto;
|
|
1341
1341
|
}
|
|
1342
|
-
.sd-7-5-
|
|
1342
|
+
.sd-7-5-1-prose blockquote, .sd-7-5-1-prose blockquote > * {
|
|
1343
1343
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1344
1344
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1345
1345
|
}
|
|
1346
|
-
.sd-7-5-
|
|
1346
|
+
.sd-7-5-1-prose blockquote:has(*) *:first-child::before, .sd-7-5-1-prose blockquote:not(:has(*))::before {
|
|
1347
1347
|
content: open-quote;
|
|
1348
1348
|
display: inline;
|
|
1349
1349
|
}
|
|
1350
|
-
.sd-7-5-
|
|
1350
|
+
.sd-7-5-1-prose blockquote:has(*) *:first-child::after, .sd-7-5-1-prose blockquote:not(:has(*))::after {
|
|
1351
1351
|
content: close-quote;
|
|
1352
1352
|
display: inline;
|
|
1353
1353
|
}
|
|
1354
|
-
.sd-7-5-
|
|
1354
|
+
.sd-7-5-1-prose > :is(ul, ol):not(#_) {
|
|
1355
1355
|
padding-block: 0;
|
|
1356
1356
|
}
|
|
1357
|
-
.sd-7-5-
|
|
1357
|
+
.sd-7-5-1-prose--inverted hr {
|
|
1358
1358
|
border-color: rgba(var(--sd-color-border-white, 255 255 255));
|
|
1359
1359
|
}
|
|
1360
|
-
.sd-7-5-
|
|
1360
|
+
.sd-7-5-1-prose--inverted pre {
|
|
1361
1361
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1362
1362
|
}
|
|
1363
|
-
.sd-7-5-
|
|
1363
|
+
.sd-7-5-1-prose--full-width {
|
|
1364
1364
|
max-width: unset;
|
|
1365
1365
|
}
|
|
1366
1366
|
@property --tw-border-style {
|