@solid-design-system/styles 6.16.3 → 6.16.4
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 +6 -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/flag.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 +5 -5
- package/dist-versioned/modules/container.css +27 -27
- package/dist-versioned/modules/copyright.css +6 -6
- package/dist-versioned/modules/display.css +6 -6
- package/dist-versioned/modules/flag.css +5 -5
- package/dist-versioned/modules/footnotes.css +28 -28
- package/dist-versioned/modules/headline.css +28 -28
- package/dist-versioned/modules/hidden-links.css +4 -4
- package/dist-versioned/modules/interactive.css +16 -16
- 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 +62 -62
- package/dist-versioned/modules/paragraph.css +3 -3
- package/dist-versioned/modules/prose.css +123 -123
- package/dist-versioned/modules/status-badge.css +6 -6
- package/dist-versioned/modules/table-cell.css +16 -16
- package/dist-versioned/modules/table.css +2 -2
- package/dist-versioned/solid-styles.css +274 -274
- package/package.json +3 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
|
-
.sd-6-16-
|
|
4
|
+
.sd-6-16-4-chip {
|
|
5
5
|
display: inline-flex;
|
|
6
6
|
height: var(--sd-spacing-6);
|
|
7
7
|
align-items: center;
|
|
@@ -15,54 +15,54 @@
|
|
|
15
15
|
white-space: nowrap;
|
|
16
16
|
color: rgba(var(--sd-color-text-black));
|
|
17
17
|
}
|
|
18
|
-
.sd-6-16-
|
|
18
|
+
.sd-6-16-4-chip--primary-500 {
|
|
19
19
|
border-color: rgba(var(--sd-chip--primary-500-color-border, rgba(255, 255, 255, 0)));
|
|
20
20
|
background-color: rgba(var(--sd-chip--primary-500-color-background, rgba(var(--sd-color-primary-500))));
|
|
21
21
|
color: rgba(var(--sd-chip--primary-500-color-text, rgba(var(--sd-color-white))));
|
|
22
22
|
}
|
|
23
|
-
.sd-6-16-
|
|
23
|
+
.sd-6-16-4-chip--primary-300 {
|
|
24
24
|
border-color: rgba(var(--sd-chip--primary-300-color-border, rgba(255, 255, 255, 0)));
|
|
25
25
|
background-color: rgba(var(--sd-chip--primary-300-color-background, rgba(var(--sd-color-primary-300))));
|
|
26
26
|
}
|
|
27
|
-
.sd-6-16-
|
|
27
|
+
.sd-6-16-4-chip--white {
|
|
28
28
|
border-color: rgba(var(--sd-chip--white-color-border, rgba(255, 255, 255, 0)));
|
|
29
29
|
background-color: rgba(var(--sd-chip--white-color-background, rgba(var(--sd-color-white))));
|
|
30
30
|
}
|
|
31
|
-
.sd-6-16-
|
|
31
|
+
.sd-6-16-4-chip{
|
|
32
32
|
font-size: var(--sd-chip-font-size);
|
|
33
33
|
border-width: var(--sd-chip-border-width);
|
|
34
34
|
font-weight: var(--sd-chip-font-weight);
|
|
35
35
|
}
|
|
36
|
-
.sd-6-16-
|
|
36
|
+
.sd-6-16-4-container {
|
|
37
37
|
position: relative;
|
|
38
38
|
background-color: rgba(var(--sd-color-background-neutral-100));
|
|
39
39
|
padding-inline: var(--sd-spacing-10);
|
|
40
40
|
padding-block: var(--sd-spacing-8);
|
|
41
41
|
}
|
|
42
|
-
.sd-6-16-
|
|
42
|
+
.sd-6-16-4-container--variant-primary-100 {
|
|
43
43
|
background-color: rgba(var(--sd-color-background-primary-100));
|
|
44
44
|
}
|
|
45
|
-
.sd-6-16-
|
|
45
|
+
.sd-6-16-4-container--variant-primary {
|
|
46
46
|
background-color: rgba(var(--sd-color-background-primary));
|
|
47
47
|
}
|
|
48
|
-
.sd-6-16-
|
|
48
|
+
.sd-6-16-4-container--variant-border-neutral-400 {
|
|
49
49
|
--tw-border-style: solid;
|
|
50
50
|
border-style: solid;
|
|
51
51
|
border-color: rgba(var(--sd-color-border-neutral-400));
|
|
52
52
|
background-color: rgba(var(--sd-color-background-white));
|
|
53
53
|
border-width: 1px;
|
|
54
54
|
}
|
|
55
|
-
.sd-6-16-
|
|
55
|
+
.sd-6-16-4-container--variant-white {
|
|
56
56
|
background-color: rgba(var(--sd-color-background-white));
|
|
57
57
|
}
|
|
58
|
-
.sd-6-16-
|
|
58
|
+
.sd-6-16-4-container--padding-sm {
|
|
59
59
|
padding-inline: var(--sd-spacing-6);
|
|
60
60
|
padding-block: var(--sd-spacing-4);
|
|
61
61
|
}
|
|
62
|
-
.sd-6-16-
|
|
62
|
+
.sd-6-16-4-container{
|
|
63
63
|
--triangle-background: rgba(var(--sd-color-background-white));
|
|
64
64
|
}
|
|
65
|
-
.sd-6-16-
|
|
65
|
+
.sd-6-16-4-container--triangle-top::before, .sd-6-16-4-container--triangle-right::before, .sd-6-16-4-container--triangle-bottom::before, .sd-6-16-4-container--triangle-left::before {
|
|
66
66
|
position: absolute;
|
|
67
67
|
display: block;
|
|
68
68
|
--tw-border-style: solid;
|
|
@@ -71,27 +71,27 @@
|
|
|
71
71
|
border-width: 14px;
|
|
72
72
|
content: '';
|
|
73
73
|
}
|
|
74
|
-
.sd-6-16-
|
|
74
|
+
.sd-6-16-4-container--triangle-top::before {
|
|
75
75
|
top: calc(var(--sd-spacing-1) * 0);
|
|
76
76
|
left: calc(50% - 14px);
|
|
77
77
|
border-top-color: var(--triangle-background);
|
|
78
78
|
}
|
|
79
|
-
.sd-6-16-
|
|
79
|
+
.sd-6-16-4-container--triangle-right::before {
|
|
80
80
|
right: calc(var(--sd-spacing-1) * 0);
|
|
81
81
|
top: calc(50% - 14px);
|
|
82
82
|
border-right-color: var(--triangle-background);
|
|
83
83
|
}
|
|
84
|
-
.sd-6-16-
|
|
84
|
+
.sd-6-16-4-container--triangle-bottom::before {
|
|
85
85
|
bottom: calc(var(--sd-spacing-1) * 0);
|
|
86
86
|
left: calc(50% - 14px);
|
|
87
87
|
border-bottom-color: var(--triangle-background);
|
|
88
88
|
}
|
|
89
|
-
.sd-6-16-
|
|
89
|
+
.sd-6-16-4-container--triangle-left::before {
|
|
90
90
|
left: calc(var(--sd-spacing-1) * 0);
|
|
91
91
|
top: calc(50% - 14px);
|
|
92
92
|
border-left-color: var(--triangle-background);
|
|
93
93
|
}
|
|
94
|
-
.sd-6-16-
|
|
94
|
+
.sd-6-16-4-container--triangle-top-border::after, .sd-6-16-4-container--triangle-top-border::before, .sd-6-16-4-container--triangle-right-border::after, .sd-6-16-4-container--triangle-right-border::before, .sd-6-16-4-container--triangle-bottom-border::after, .sd-6-16-4-container--triangle-bottom-border::before, .sd-6-16-4-container--triangle-left-border::after, .sd-6-16-4-container--triangle-left-border::before {
|
|
95
95
|
position: absolute;
|
|
96
96
|
display: block;
|
|
97
97
|
--tw-border-style: solid;
|
|
@@ -99,57 +99,57 @@
|
|
|
99
99
|
border-color: transparent;
|
|
100
100
|
content: '';
|
|
101
101
|
}
|
|
102
|
-
.sd-6-16-
|
|
102
|
+
.sd-6-16-4-container--triangle-top-border::after, .sd-6-16-4-container--triangle-right-border::after, .sd-6-16-4-container--triangle-bottom-border::after, .sd-6-16-4-container--triangle-left-border::after {
|
|
103
103
|
border-width: 14px;
|
|
104
104
|
}
|
|
105
|
-
.sd-6-16-
|
|
105
|
+
.sd-6-16-4-container--triangle-top-border::before, .sd-6-16-4-container--triangle-right-border::before, .sd-6-16-4-container--triangle-bottom-border::before, .sd-6-16-4-container--triangle-left-border::before {
|
|
106
106
|
border-width: 15px;
|
|
107
107
|
}
|
|
108
|
-
.sd-6-16-
|
|
108
|
+
.sd-6-16-4-container--triangle-top-border::after, .sd-6-16-4-container--triangle-top-border::before {
|
|
109
109
|
top: -1px;
|
|
110
110
|
}
|
|
111
|
-
.sd-6-16-
|
|
111
|
+
.sd-6-16-4-container--triangle-top-border::before {
|
|
112
112
|
border-top-color: rgba(var(--sd-color-border-neutral-400));
|
|
113
113
|
left: calc(50% - 15px);
|
|
114
114
|
}
|
|
115
|
-
.sd-6-16-
|
|
115
|
+
.sd-6-16-4-container--triangle-top-border::after {
|
|
116
116
|
left: calc(50% - 14px);
|
|
117
117
|
border-top-color: var(--triangle-background);
|
|
118
118
|
}
|
|
119
|
-
.sd-6-16-
|
|
119
|
+
.sd-6-16-4-container--triangle-right-border::after, .sd-6-16-4-container--triangle-right-border::before {
|
|
120
120
|
right: -1px;
|
|
121
121
|
}
|
|
122
|
-
.sd-6-16-
|
|
122
|
+
.sd-6-16-4-container--triangle-right-border::before {
|
|
123
123
|
border-right-color: rgba(var(--sd-color-border-neutral-400));
|
|
124
124
|
top: calc(50% - 15px);
|
|
125
125
|
}
|
|
126
|
-
.sd-6-16-
|
|
126
|
+
.sd-6-16-4-container--triangle-right-border::after {
|
|
127
127
|
top: calc(50% - 14px);
|
|
128
128
|
border-right-color: var(--triangle-background);
|
|
129
129
|
}
|
|
130
|
-
.sd-6-16-
|
|
130
|
+
.sd-6-16-4-container--triangle-bottom-border::after, .sd-6-16-4-container--triangle-bottom-border::before {
|
|
131
131
|
bottom: -1px;
|
|
132
132
|
}
|
|
133
|
-
.sd-6-16-
|
|
133
|
+
.sd-6-16-4-container--triangle-bottom-border::before {
|
|
134
134
|
border-bottom-color: rgba(var(--sd-color-border-neutral-400));
|
|
135
135
|
left: calc(50% - 15px);
|
|
136
136
|
}
|
|
137
|
-
.sd-6-16-
|
|
137
|
+
.sd-6-16-4-container--triangle-bottom-border::after {
|
|
138
138
|
left: calc(50% - 14px);
|
|
139
139
|
border-bottom-color: var(--triangle-background);
|
|
140
140
|
}
|
|
141
|
-
.sd-6-16-
|
|
141
|
+
.sd-6-16-4-container--triangle-left-border::after, .sd-6-16-4-container--triangle-left-border::before {
|
|
142
142
|
left: -1px;
|
|
143
143
|
}
|
|
144
|
-
.sd-6-16-
|
|
144
|
+
.sd-6-16-4-container--triangle-left-border::before {
|
|
145
145
|
border-left-color: rgba(var(--sd-color-border-neutral-400));
|
|
146
146
|
top: calc(50% - 15px);
|
|
147
147
|
}
|
|
148
|
-
.sd-6-16-
|
|
148
|
+
.sd-6-16-4-container--triangle-left-border::after {
|
|
149
149
|
top: calc(50% - 14px);
|
|
150
150
|
border-left-color: var(--triangle-background);
|
|
151
151
|
}
|
|
152
|
-
.sd-6-16-
|
|
152
|
+
.sd-6-16-4-copyright {
|
|
153
153
|
position: relative;
|
|
154
154
|
--tw-blur: ;
|
|
155
155
|
--tw-brightness: ;
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
--tw-saturate: ;
|
|
161
161
|
--tw-sepia: ;
|
|
162
162
|
}
|
|
163
|
-
.sd-6-16-
|
|
163
|
+
.sd-6-16-4-copyright::after {
|
|
164
164
|
position: absolute;
|
|
165
165
|
bottom: calc(var(--sd-spacing-1) * 0);
|
|
166
166
|
left: calc(var(--sd-spacing-1) * 0);
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
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,);
|
|
177
177
|
content: var(--copyright);
|
|
178
178
|
}
|
|
179
|
-
.sd-6-16-
|
|
179
|
+
.sd-6-16-4-copyright--orientation-vertical::after {
|
|
180
180
|
width: -moz-max-content;
|
|
181
181
|
width: max-content;
|
|
182
182
|
padding-top: var(--sd-spacing-2);
|
|
@@ -187,14 +187,14 @@
|
|
|
187
187
|
text-orientation: sideways-right;
|
|
188
188
|
transform: rotate(180deg);
|
|
189
189
|
}
|
|
190
|
-
.sd-6-16-
|
|
190
|
+
.sd-6-16-4-copyright--color-black::after {
|
|
191
191
|
color: rgba(var(--sd-color-text-black));
|
|
192
192
|
filter: drop-shadow(0 0 transparent);
|
|
193
193
|
}
|
|
194
|
-
.sd-6-16-
|
|
194
|
+
.sd-6-16-4-copyright--no-shadow::after {
|
|
195
195
|
filter: drop-shadow(0 0 transparent);
|
|
196
196
|
}
|
|
197
|
-
.sd-6-16-
|
|
197
|
+
.sd-6-16-4-copyright--placement-top::after {
|
|
198
198
|
position: absolute;
|
|
199
199
|
top: calc(var(--sd-spacing-1) * 0);
|
|
200
200
|
right: calc(var(--sd-spacing-1) * 0);
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
padding-top: var(--sd-spacing-2);
|
|
205
205
|
padding-right: var(--sd-spacing-4);
|
|
206
206
|
}
|
|
207
|
-
.sd-6-16-
|
|
207
|
+
.sd-6-16-4-flag {
|
|
208
208
|
display: inline-flex;
|
|
209
209
|
height: var(--sd-spacing-8);
|
|
210
210
|
align-items: center;
|
|
@@ -220,23 +220,23 @@
|
|
|
220
220
|
white-space: nowrap;
|
|
221
221
|
color: rgba(var(--sd-color-text-black));
|
|
222
222
|
}
|
|
223
|
-
.sd-6-16-
|
|
223
|
+
.sd-6-16-4-flag--neutral-500 {
|
|
224
224
|
border-color: rgba(var(--sd-flag--neutral-500-color-border, rgba(255, 255, 255, 0)));
|
|
225
225
|
background-color: rgba(var(--sd-flag--neutral-500-color-background, rgba(var(--sd-color-neutral-500))));
|
|
226
226
|
color: rgba(var(--sd-color-text-black));
|
|
227
227
|
}
|
|
228
|
-
.sd-6-16-
|
|
228
|
+
.sd-6-16-4-flag--neutral-300 {
|
|
229
229
|
border-color: rgba(var(--sd-flag--neutral-300-color-border, rgba(255, 255, 255, 0)));
|
|
230
230
|
background-color: rgba(var(--sd-flag--neutral-300-color-background, rgba(var(--sd-color-neutral-300))));
|
|
231
231
|
}
|
|
232
|
-
.sd-6-16-
|
|
232
|
+
.sd-6-16-4-flag--white {
|
|
233
233
|
border-color: rgba(var(--sd-flag--white-color-border, rgba(255, 255, 255, 0)));
|
|
234
234
|
background-color: rgba(var(--sd-flag--white-color-background, rgba(var(--sd-color-white))));
|
|
235
235
|
}
|
|
236
|
-
.sd-6-16-
|
|
236
|
+
.sd-6-16-4-flag{
|
|
237
237
|
border-width: var(--sd-flag-border-width);
|
|
238
238
|
}
|
|
239
|
-
.sd-6-16-
|
|
239
|
+
.sd-6-16-4-footnotes {
|
|
240
240
|
margin-block: calc(var(--sd-spacing-1) * 0);
|
|
241
241
|
padding: calc(var(--sd-spacing-1) * 0);
|
|
242
242
|
text-align: left;
|
|
@@ -244,18 +244,18 @@
|
|
|
244
244
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
245
245
|
color: rgba(var(--sd-color-text-neutral-700));
|
|
246
246
|
}
|
|
247
|
-
.sd-6-16-
|
|
247
|
+
.sd-6-16-4-footnotes :target {
|
|
248
248
|
background-color: rgba(var(--sd-color-background-neutral-200));
|
|
249
249
|
}
|
|
250
|
-
.sd-6-16-
|
|
250
|
+
.sd-6-16-4-footnotes:is(ol) {
|
|
251
251
|
padding-inline-start: var(--sd-spacing-8);
|
|
252
252
|
}
|
|
253
|
-
.sd-6-16-
|
|
253
|
+
.sd-6-16-4-footnotes:is(ol) li {
|
|
254
254
|
counter-increment: list-item;
|
|
255
255
|
position: relative;
|
|
256
256
|
list-style-type: none;
|
|
257
257
|
}
|
|
258
|
-
.sd-6-16-
|
|
258
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker::before, .sd-6-16-4-footnotes:is(ol) li:has(.sd-6-16-4-footnotes--marker:nth-of-type(2))::before, .sd-6-16-4-footnotes:is(ol) li:not(:has(.sd-6-16-4-footnotes--marker))::before {
|
|
259
259
|
position: absolute;
|
|
260
260
|
left: calc(var(--sd-spacing-8) * -1);
|
|
261
261
|
flex-shrink: 0;
|
|
@@ -267,14 +267,14 @@
|
|
|
267
267
|
padding-top: 1px;
|
|
268
268
|
font-size: 10px;
|
|
269
269
|
}
|
|
270
|
-
.sd-6-16-
|
|
270
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker::after, .sd-6-16-4-footnotes:is(ol) li:has(.sd-6-16-4-footnotes--marker:nth-of-type(2))::after, .sd-6-16-4-footnotes:is(ol) li:not(:has(.sd-6-16-4-footnotes--marker))::after {
|
|
271
271
|
content: none;
|
|
272
272
|
}
|
|
273
|
-
.sd-6-16-
|
|
273
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker .sd-6-16-4-footnotes--marker, .sd-6-16-4-footnotes:is(ol) li:has(.sd-6-16-4-footnotes--marker:nth-of-type(2)) .sd-6-16-4-footnotes--marker, .sd-6-16-4-footnotes:is(ol) li:not(:has(.sd-6-16-4-footnotes--marker)) .sd-6-16-4-footnotes--marker {
|
|
274
274
|
display: inline-block;
|
|
275
275
|
counter-increment: footnotes-multiple;
|
|
276
276
|
}
|
|
277
|
-
.sd-6-16-
|
|
277
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker .sd-6-16-4-footnotes--marker::before, .sd-6-16-4-footnotes:is(ol) li:has(.sd-6-16-4-footnotes--marker:nth-of-type(2)) .sd-6-16-4-footnotes--marker::before, .sd-6-16-4-footnotes:is(ol) li:not(:has(.sd-6-16-4-footnotes--marker)) .sd-6-16-4-footnotes--marker::before {
|
|
278
278
|
position: relative;
|
|
279
279
|
left: calc(var(--sd-spacing-1) * 0);
|
|
280
280
|
vertical-align: super;
|
|
@@ -284,15 +284,15 @@
|
|
|
284
284
|
font-weight: var(--sd-font-weight-bold);
|
|
285
285
|
content: counter(footnotes-multiple, lower-alpha);
|
|
286
286
|
}
|
|
287
|
-
.sd-6-16-
|
|
287
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker {
|
|
288
288
|
bottom: calc(var(--sd-spacing-1) * 0);
|
|
289
289
|
display: block;
|
|
290
290
|
}
|
|
291
|
-
.sd-6-16-
|
|
291
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker:focus-visible {
|
|
292
292
|
outline-style: var(--tw-outline-style);
|
|
293
293
|
outline-width: 0px;
|
|
294
294
|
}
|
|
295
|
-
.sd-6-16-
|
|
295
|
+
.sd-6-16-4-footnotes:is(ol) li .sd-6-16-4-footnotes--marker:focus-visible::before {
|
|
296
296
|
border-radius: var(--sd-radius);
|
|
297
297
|
outline-width: 1px;
|
|
298
298
|
outline-style: var(--tw-outline-style);
|
|
@@ -300,30 +300,30 @@
|
|
|
300
300
|
outline-offset: 2px;
|
|
301
301
|
outline-color: var(--sd-color-border-primary, var(--sd-color-primary));
|
|
302
302
|
}
|
|
303
|
-
.sd-6-16-
|
|
303
|
+
.sd-6-16-4-footnotes:is(ul) {
|
|
304
304
|
list-style: '';
|
|
305
305
|
}
|
|
306
|
-
.sd-6-16-
|
|
306
|
+
.sd-6-16-4-footnotes--inverted {
|
|
307
307
|
color: rgba(var(--sd-color-text-primary-400));
|
|
308
308
|
}
|
|
309
|
-
.sd-6-16-
|
|
309
|
+
.sd-6-16-4-footnotes--inverted :target {
|
|
310
310
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
|
|
311
311
|
}
|
|
312
|
-
.sd-6-16-
|
|
312
|
+
.sd-6-16-4-footnotes--inverted .sd-6-16-4-footnotes--marker::before {
|
|
313
313
|
color: rgba(var(--sd-color-text-white));
|
|
314
314
|
outline-color: var(--color-white, #fff) !important;
|
|
315
315
|
}
|
|
316
|
-
.sd-6-16-
|
|
316
|
+
.sd-6-16-4-footnotes--inverted:is(.sd-6-16-4-footnotes--marker) {
|
|
317
317
|
color: rgba(var(--sd-color-text-white)) !important;
|
|
318
318
|
outline-color: var(--color-white, #fff) !important;
|
|
319
319
|
}
|
|
320
|
-
.sd-6-16-
|
|
320
|
+
.sd-6-16-4-footnotes--inverted:is(.sd-6-16-4-footnotes--marker):target {
|
|
321
321
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
|
|
322
322
|
}
|
|
323
|
-
.sd-6-16-
|
|
323
|
+
.sd-6-16-4-footnotes--inverted:is(ol) li .sd-6-16-4-footnotes--marker::before, .sd-6-16-4-footnotes--inverted:is(ol) li::before {
|
|
324
324
|
color: rgba(var(--sd-color-text-white)) !important;
|
|
325
325
|
}
|
|
326
|
-
.sd-6-16-
|
|
326
|
+
.sd-6-16-4-footnotes--marker {
|
|
327
327
|
position: relative;
|
|
328
328
|
bottom: var(--sd-spacing-2);
|
|
329
329
|
display: inline-block;
|
|
@@ -333,33 +333,33 @@
|
|
|
333
333
|
text-decoration-line: none !important;
|
|
334
334
|
font-size: x-small;
|
|
335
335
|
}
|
|
336
|
-
.sd-6-16-
|
|
336
|
+
.sd-6-16-4-footnotes--marker:target {
|
|
337
337
|
background-color: rgba(var(--sd-color-background-neutral-200));
|
|
338
338
|
}
|
|
339
|
-
.sd-6-16-
|
|
339
|
+
.sd-6-16-4-footnotes--marker:not(:has(a))::before {
|
|
340
340
|
content: '[ ';
|
|
341
341
|
display: inline-block;
|
|
342
342
|
}
|
|
343
|
-
.sd-6-16-
|
|
343
|
+
.sd-6-16-4-footnotes--marker:not(:has(a))::after {
|
|
344
344
|
content: ' ]';
|
|
345
345
|
display: inline-block;
|
|
346
346
|
}
|
|
347
|
-
.sd-6-16-
|
|
347
|
+
.sd-6-16-4-footnotes--marker :is(a) {
|
|
348
348
|
display: inline-block;
|
|
349
349
|
--tw-font-weight: var(--sd-font-weight-bold);
|
|
350
350
|
font-weight: var(--sd-font-weight-bold);
|
|
351
351
|
white-space: nowrap;
|
|
352
352
|
text-decoration-line: none !important;
|
|
353
353
|
}
|
|
354
|
-
.sd-6-16-
|
|
354
|
+
.sd-6-16-4-footnotes--marker :is(a)::before {
|
|
355
355
|
content: '[ ';
|
|
356
356
|
display: inline-block;
|
|
357
357
|
}
|
|
358
|
-
.sd-6-16-
|
|
358
|
+
.sd-6-16-4-footnotes--marker :is(a)::after {
|
|
359
359
|
content: ' ]';
|
|
360
360
|
display: inline-block;
|
|
361
361
|
}
|
|
362
|
-
.sd-6-16-
|
|
362
|
+
.sd-6-16-4-footnotes--marker :is(a):focus-visible {
|
|
363
363
|
border-radius: var(--sd-radius);
|
|
364
364
|
outline-width: 1px;
|
|
365
365
|
outline-style: var(--tw-outline-style);
|
|
@@ -367,10 +367,10 @@
|
|
|
367
367
|
outline-offset: 2px;
|
|
368
368
|
outline-color: var(--sd-color-border-primary, var(--sd-color-primary));
|
|
369
369
|
}
|
|
370
|
-
.sd-6-16-
|
|
370
|
+
.sd-6-16-4-footnotes--marker:link, .sd-6-16-4-footnotes--marker:visited {
|
|
371
371
|
color: rgba(var(--sd-color-text-primary));
|
|
372
372
|
}
|
|
373
|
-
.sd-6-16-
|
|
373
|
+
.sd-6-16-4-footnotes--marker:focus-visible {
|
|
374
374
|
border-radius: var(--sd-radius);
|
|
375
375
|
outline-width: 1px;
|
|
376
376
|
outline-style: var(--tw-outline-style);
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
:lang(de) {
|
|
385
385
|
--sd-hidden-links-title: 'Springe zu';
|
|
386
386
|
}
|
|
387
|
-
.sd-6-16-
|
|
387
|
+
.sd-6-16-4-hidden-links:not(:focus-within):not(.sd-6-16-4-hidden-links--debug) {
|
|
388
388
|
position: absolute;
|
|
389
389
|
width: 1px;
|
|
390
390
|
height: 1px;
|
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
white-space: nowrap;
|
|
396
396
|
border-width: 0;
|
|
397
397
|
}
|
|
398
|
-
.sd-6-16-
|
|
398
|
+
.sd-6-16-4-hidden-links{
|
|
399
399
|
position: absolute;
|
|
400
400
|
top: var(--sd-spacing-6);
|
|
401
401
|
left: var(--sd-spacing-6);
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
border-width: 1px;
|
|
404
404
|
border-color: rgba(var(--sd-panel-color-border, rgba(255, 255, 255, 0)));
|
|
405
405
|
}
|
|
406
|
-
.sd-6-16-
|
|
406
|
+
.sd-6-16-4-hidden-links--multiple {
|
|
407
407
|
display: flex;
|
|
408
408
|
flex-direction: column;
|
|
409
409
|
background-color: rgba(var(--sd-color-background-white));
|
|
@@ -412,18 +412,18 @@
|
|
|
412
412
|
--tw-shadow: var(--sd-shadow);
|
|
413
413
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
414
414
|
}
|
|
415
|
-
.sd-6-16-
|
|
415
|
+
.sd-6-16-4-hidden-links--multiple:before {
|
|
416
416
|
padding-inline: var(--sd-spacing-4);
|
|
417
417
|
padding-block: var(--sd-spacing-2);
|
|
418
418
|
--tw-font-weight: var(--sd-font-weight-bold);
|
|
419
419
|
font-weight: var(--sd-font-weight-bold);
|
|
420
420
|
content: var(--sd-hidden-links-title);
|
|
421
421
|
}
|
|
422
|
-
mark.sd-6-16-
|
|
422
|
+
mark.sd-6-16-4-mark {
|
|
423
423
|
background-color: transparent;
|
|
424
424
|
color: rgba(var(--sd-color-text-accent));
|
|
425
425
|
}
|
|
426
|
-
.sd-6-16-
|
|
426
|
+
.sd-6-16-4-meta {
|
|
427
427
|
font-size: var(--sd-text-base);
|
|
428
428
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
429
429
|
--tw-leading: 1;
|
|
@@ -432,38 +432,38 @@ mark.sd-6-16-3-mark {
|
|
|
432
432
|
font-weight: var(--sd-font-weight-normal);
|
|
433
433
|
color: rgba(var(--sd-color-text-black));
|
|
434
434
|
}
|
|
435
|
-
.sd-6-16-
|
|
435
|
+
.sd-6-16-4-meta--size-sm {
|
|
436
436
|
font-size: var(--sd-text-sm);
|
|
437
437
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
438
438
|
}
|
|
439
|
-
.sd-6-16-
|
|
439
|
+
.sd-6-16-4-meta--light {
|
|
440
440
|
color: rgba(var(--sd-color-text-neutral-700));
|
|
441
441
|
}
|
|
442
|
-
.sd-6-16-
|
|
442
|
+
.sd-6-16-4-meta--inverted {
|
|
443
443
|
color: rgba(var(--sd-color-text-white));
|
|
444
444
|
}
|
|
445
|
-
.sd-6-16-
|
|
445
|
+
.sd-6-16-4-meta--inverted.sd-6-16-4-meta--light {
|
|
446
446
|
color: rgba(var(--sd-color-text-primary-400));
|
|
447
447
|
}
|
|
448
|
-
.sd-6-16-
|
|
448
|
+
.sd-6-16-4-meta--pipe::after {
|
|
449
449
|
content: '|';
|
|
450
450
|
margin-inline: var(--sd-spacing-1);
|
|
451
451
|
}
|
|
452
|
-
.sd-6-16-
|
|
452
|
+
.sd-6-16-4-meta--pipe.sd-6-16-4-meta--size-sm::after {
|
|
453
453
|
margin-inline: var(--sd-spacing-0\.5);
|
|
454
454
|
}
|
|
455
|
-
.sd-6-16-
|
|
455
|
+
.sd-6-16-4-pagination > :not(ul) {
|
|
456
456
|
position: absolute;
|
|
457
457
|
height: var(--sd-spacing-0\.25);
|
|
458
458
|
width: var(--sd-spacing-0\.25);
|
|
459
459
|
overflow: hidden;
|
|
460
460
|
}
|
|
461
|
-
.sd-6-16-
|
|
461
|
+
.sd-6-16-4-pagination ul {
|
|
462
462
|
display: flex;
|
|
463
463
|
align-items: center;
|
|
464
464
|
gap: var(--sd-spacing-2);
|
|
465
465
|
}
|
|
466
|
-
.sd-6-16-
|
|
466
|
+
.sd-6-16-4-pagination ul li button {
|
|
467
467
|
all: unset;
|
|
468
468
|
border-style: var(--tw-border-style);
|
|
469
469
|
border-width: 0px;
|
|
@@ -471,13 +471,13 @@ mark.sd-6-16-3-mark {
|
|
|
471
471
|
border-style: solid;
|
|
472
472
|
border-color: transparent;
|
|
473
473
|
}
|
|
474
|
-
.sd-6-16-
|
|
474
|
+
.sd-6-16-4-pagination ul li button:hover:not([disabled]) {
|
|
475
475
|
cursor: pointer;
|
|
476
476
|
}
|
|
477
|
-
.sd-6-16-
|
|
477
|
+
.sd-6-16-4-pagination ul li:has(button) {
|
|
478
478
|
height: 1.875rem;
|
|
479
479
|
}
|
|
480
|
-
.sd-6-16-
|
|
480
|
+
.sd-6-16-4-pagination ul li a, .sd-6-16-4-pagination ul li button {
|
|
481
481
|
display: flex;
|
|
482
482
|
align-items: center;
|
|
483
483
|
justify-content: center;
|
|
@@ -487,30 +487,30 @@ mark.sd-6-16-3-mark {
|
|
|
487
487
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
|
|
488
488
|
transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
|
|
489
489
|
}
|
|
490
|
-
.sd-6-16-
|
|
490
|
+
.sd-6-16-4-pagination ul li a:hover:not([disabled]), .sd-6-16-4-pagination ul li button:hover:not([disabled]) {
|
|
491
491
|
color: rgba(var(--sd-color-text-primary-500));
|
|
492
492
|
}
|
|
493
|
-
.sd-6-16-
|
|
493
|
+
.sd-6-16-4-pagination ul li a:active:not([disabled]), .sd-6-16-4-pagination ul li button:active:not([disabled]) {
|
|
494
494
|
color: rgba(var(--sd-color-text-primary-800));
|
|
495
495
|
}
|
|
496
|
-
.sd-6-16-
|
|
496
|
+
.sd-6-16-4-pagination ul li a:focus-visible, .sd-6-16-4-pagination ul li button:focus-visible {
|
|
497
497
|
outline-width: 1px;
|
|
498
498
|
outline-style: var(--tw-outline-style);
|
|
499
499
|
outline-width: 2px;
|
|
500
500
|
outline-offset: 2px;
|
|
501
501
|
outline-color: var(--sd-color-border-primary, var(--sd-color-primary));
|
|
502
502
|
}
|
|
503
|
-
.sd-6-16-
|
|
503
|
+
.sd-6-16-4-pagination ul li:first-child, .sd-6-16-4-pagination ul li:last-child {
|
|
504
504
|
height: var(--sd-spacing-12);
|
|
505
505
|
width: var(--sd-spacing-12);
|
|
506
506
|
font-size: var(--sd-text-xl);
|
|
507
507
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
508
508
|
}
|
|
509
|
-
.sd-6-16-
|
|
509
|
+
.sd-6-16-4-pagination ul li:first-child a, .sd-6-16-4-pagination ul li:first-child button, .sd-6-16-4-pagination ul li:last-child a, .sd-6-16-4-pagination ul li:last-child button {
|
|
510
510
|
height: 100%;
|
|
511
511
|
width: 100%;
|
|
512
512
|
}
|
|
513
|
-
.sd-6-16-
|
|
513
|
+
.sd-6-16-4-pagination ul li {
|
|
514
514
|
display: flex;
|
|
515
515
|
height: var(--sd-spacing-8);
|
|
516
516
|
width: var(--sd-spacing-8);
|
|
@@ -518,127 +518,127 @@ mark.sd-6-16-3-mark {
|
|
|
518
518
|
justify-content: center;
|
|
519
519
|
text-align: center;
|
|
520
520
|
}
|
|
521
|
-
.sd-6-16-
|
|
521
|
+
.sd-6-16-4-pagination ul li:not(:first-child):not(:last-child) a, .sd-6-16-4-pagination ul li:not(:first-child):not(:last-child) button {
|
|
522
522
|
height: 100%;
|
|
523
523
|
width: 100%;
|
|
524
524
|
border-bottom-style: var(--tw-border-style);
|
|
525
525
|
border-bottom-width: var(--sd-border-width-2);
|
|
526
526
|
border-bottom-color: transparent;
|
|
527
527
|
}
|
|
528
|
-
.sd-6-16-
|
|
528
|
+
.sd-6-16-4-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-6-16-4-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
|
|
529
529
|
border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-accent))));
|
|
530
530
|
}
|
|
531
|
-
.sd-6-16-
|
|
531
|
+
.sd-6-16-4-pagination ul li a[aria-current], .sd-6-16-4-pagination ul li button[aria-current] {
|
|
532
532
|
color: rgba(var(--sd-color-text-black));
|
|
533
533
|
}
|
|
534
|
-
.sd-6-16-
|
|
534
|
+
.sd-6-16-4-pagination ul li a[aria-current]:hover:not([disabled]), .sd-6-16-4-pagination ul li button[aria-current]:hover:not([disabled]) {
|
|
535
535
|
color: rgba(var(--sd-color-text-black));
|
|
536
536
|
}
|
|
537
|
-
.sd-6-16-
|
|
537
|
+
.sd-6-16-4-pagination ul li:first-child:has(a:not([href])) a, .sd-6-16-4-pagination ul li:last-child:has(a:not([href])) a, .sd-6-16-4-pagination ul li:first-child:has(button[disabled]) button, .sd-6-16-4-pagination ul li:last-child:has(button[disabled]) button {
|
|
538
538
|
cursor: not-allowed;
|
|
539
539
|
color: rgba(var(--sd-color-text-neutral-500));
|
|
540
540
|
}
|
|
541
|
-
.sd-6-16-
|
|
541
|
+
.sd-6-16-4-pagination ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-16-4-pagination ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-16-4-pagination ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-6-16-4-pagination ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
|
|
542
542
|
color: rgba(var(--sd-color-text-neutral-500));
|
|
543
543
|
}
|
|
544
|
-
.sd-6-16-
|
|
544
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
|
|
545
545
|
pointer-events: none;
|
|
546
546
|
position: absolute;
|
|
547
547
|
}
|
|
548
|
-
.sd-6-16-
|
|
548
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
|
|
549
549
|
display: none;
|
|
550
550
|
}
|
|
551
|
-
.sd-6-16-
|
|
551
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
|
|
552
552
|
pointer-events: auto !important;
|
|
553
553
|
position: relative !important;
|
|
554
554
|
}
|
|
555
|
-
.sd-6-16-
|
|
555
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
|
|
556
556
|
--tw-content: '...';
|
|
557
557
|
content: var(--tw-content);
|
|
558
558
|
}
|
|
559
|
-
.sd-6-16-
|
|
559
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
|
|
560
560
|
pointer-events: auto !important;
|
|
561
561
|
position: relative !important;
|
|
562
562
|
}
|
|
563
|
-
.sd-6-16-
|
|
563
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
|
|
564
564
|
content: var(--tw-content);
|
|
565
565
|
display: none !important;
|
|
566
566
|
}
|
|
567
|
-
.sd-6-16-
|
|
567
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
|
|
568
568
|
display: flex !important;
|
|
569
569
|
}
|
|
570
|
-
.sd-6-16-
|
|
570
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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) {
|
|
571
571
|
pointer-events: auto;
|
|
572
572
|
position: relative;
|
|
573
573
|
}
|
|
574
|
-
.sd-6-16-
|
|
574
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
575
575
|
content: var(--tw-content);
|
|
576
576
|
display: none;
|
|
577
577
|
}
|
|
578
|
-
.sd-6-16-
|
|
578
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
579
579
|
display: flex;
|
|
580
580
|
}
|
|
581
|
-
.sd-6-16-
|
|
581
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
582
582
|
pointer-events: none;
|
|
583
583
|
position: relative;
|
|
584
584
|
}
|
|
585
|
-
.sd-6-16-
|
|
585
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
586
586
|
--tw-content: '...';
|
|
587
587
|
content: var(--tw-content);
|
|
588
588
|
}
|
|
589
|
-
.sd-6-16-
|
|
589
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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]) {
|
|
590
590
|
pointer-events: auto;
|
|
591
591
|
position: relative;
|
|
592
592
|
}
|
|
593
|
-
.sd-6-16-
|
|
593
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
594
594
|
content: var(--tw-content);
|
|
595
595
|
display: none;
|
|
596
596
|
}
|
|
597
|
-
.sd-6-16-
|
|
597
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
598
598
|
display: flex;
|
|
599
599
|
}
|
|
600
|
-
.sd-6-16-
|
|
600
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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) {
|
|
601
601
|
pointer-events: auto;
|
|
602
602
|
position: relative;
|
|
603
603
|
}
|
|
604
|
-
.sd-6-16-
|
|
604
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
605
605
|
content: var(--tw-content);
|
|
606
606
|
display: none;
|
|
607
607
|
}
|
|
608
|
-
.sd-6-16-
|
|
608
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
609
609
|
display: flex;
|
|
610
610
|
}
|
|
611
|
-
.sd-6-16-
|
|
611
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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] ) {
|
|
612
612
|
pointer-events: auto;
|
|
613
613
|
position: relative;
|
|
614
614
|
}
|
|
615
|
-
.sd-6-16-
|
|
615
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
616
616
|
content: var(--tw-content);
|
|
617
617
|
display: none;
|
|
618
618
|
}
|
|
619
|
-
.sd-6-16-
|
|
619
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
620
620
|
display: flex;
|
|
621
621
|
}
|
|
622
|
-
.sd-6-16-
|
|
622
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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] ) {
|
|
623
623
|
pointer-events: none;
|
|
624
624
|
position: relative;
|
|
625
625
|
}
|
|
626
|
-
.sd-6-16-
|
|
626
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-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 {
|
|
627
627
|
--tw-content: '...';
|
|
628
628
|
content: var(--tw-content);
|
|
629
629
|
}
|
|
630
|
-
.sd-6-16-
|
|
630
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
|
|
631
631
|
pointer-events: auto;
|
|
632
632
|
position: relative;
|
|
633
633
|
}
|
|
634
|
-
.sd-6-16-
|
|
634
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
|
|
635
635
|
content: var(--tw-content);
|
|
636
636
|
display: none;
|
|
637
637
|
}
|
|
638
|
-
.sd-6-16-
|
|
638
|
+
.sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-6-16-4-pagination:not(.sd-6-16-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
|
|
639
639
|
display: flex;
|
|
640
640
|
}
|
|
641
|
-
.sd-6-16-
|
|
641
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2) {
|
|
642
642
|
position: relative;
|
|
643
643
|
margin-inline-end: calc(var(--sd-spacing-1) * 5);
|
|
644
644
|
width: var(--sd-spacing-8);
|
|
@@ -646,71 +646,71 @@ mark.sd-6-16-3-mark {
|
|
|
646
646
|
border-bottom-width: var(--sd-border-width-2);
|
|
647
647
|
border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-accent))));
|
|
648
648
|
}
|
|
649
|
-
.sd-6-16-
|
|
649
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2)::after {
|
|
650
650
|
content: var(--tw-content);
|
|
651
651
|
position: absolute;
|
|
652
652
|
}
|
|
653
|
-
.sd-6-16-
|
|
653
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2)::after {
|
|
654
654
|
content: var(--tw-content);
|
|
655
655
|
right: calc(18px * -1);
|
|
656
656
|
}
|
|
657
|
-
.sd-6-16-
|
|
657
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2)::after {
|
|
658
658
|
content: var(--tw-content);
|
|
659
659
|
--tw-scale-y: 1.5;
|
|
660
660
|
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
661
661
|
}
|
|
662
|
-
.sd-6-16-
|
|
662
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2)::after {
|
|
663
663
|
--tw-content: '/';
|
|
664
664
|
content: var(--tw-content);
|
|
665
665
|
}
|
|
666
|
-
.sd-6-16-
|
|
666
|
+
.sd-6-16-4-pagination--simple ul li:nth-child(2){
|
|
667
667
|
border-bottom-style: solid;
|
|
668
668
|
}
|
|
669
|
-
.sd-6-16-
|
|
669
|
+
.sd-6-16-4-pagination--simple ul li:nth-last-child(2) {
|
|
670
670
|
border-bottom-style: var(--tw-border-style);
|
|
671
671
|
border-bottom-width: var(--sd-border-width-2);
|
|
672
672
|
border-bottom-color: transparent;
|
|
673
673
|
}
|
|
674
|
-
.sd-6-16-
|
|
674
|
+
.sd-6-16-4-pagination--inverted ul li::after {
|
|
675
675
|
content: var(--tw-content);
|
|
676
676
|
color: rgba(var(--sd-color-text-white));
|
|
677
677
|
}
|
|
678
|
-
.sd-6-16-
|
|
678
|
+
.sd-6-16-4-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-6-16-4-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-6-16-4-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-6-16-4-pagination--inverted ul li:last-child:has(button[disabled]) button {
|
|
679
679
|
color: rgba(var(--sd-color-text-neutral-600));
|
|
680
680
|
}
|
|
681
|
-
.sd-6-16-
|
|
681
|
+
.sd-6-16-4-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
|
|
682
682
|
color: rgba(var(--sd-color-text-neutral-600));
|
|
683
683
|
}
|
|
684
|
-
.sd-6-16-
|
|
684
|
+
.sd-6-16-4-pagination--inverted ul li a, .sd-6-16-4-pagination--inverted ul li a[aria-current], .sd-6-16-4-pagination--inverted ul li button, .sd-6-16-4-pagination--inverted ul li button[aria-current] {
|
|
685
685
|
color: rgba(var(--sd-color-text-white));
|
|
686
686
|
}
|
|
687
|
-
.sd-6-16-
|
|
687
|
+
.sd-6-16-4-pagination--inverted ul li a:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li button:hover:not([disabled]), .sd-6-16-4-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
|
|
688
688
|
color: rgba(var(--sd-color-text-primary-200));
|
|
689
689
|
}
|
|
690
|
-
.sd-6-16-
|
|
690
|
+
.sd-6-16-4-pagination--inverted ul li a:active:not([disabled]), .sd-6-16-4-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-6-16-4-pagination--inverted ul li button:active:not([disabled]), .sd-6-16-4-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
|
|
691
691
|
color: rgba(var(--sd-color-text-primary-400));
|
|
692
692
|
}
|
|
693
|
-
.sd-6-16-
|
|
693
|
+
.sd-6-16-4-pagination--inverted ul li a:focus-visible, .sd-6-16-4-pagination--inverted ul li a[aria-current]:focus-visible, .sd-6-16-4-pagination--inverted ul li button:focus-visible, .sd-6-16-4-pagination--inverted ul li button[aria-current]:focus-visible {
|
|
694
694
|
outline-color: var(--color-white, #fff);
|
|
695
695
|
}
|
|
696
|
-
.sd-6-16-
|
|
696
|
+
.sd-6-16-4-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-6-16-4-pagination--inverted ul li:not(:first-child):not(:last-child) button[aria-current] {
|
|
697
697
|
border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-accent))));
|
|
698
698
|
}
|
|
699
|
-
.sd-6-16-
|
|
699
|
+
.sd-6-16-4-pagination--inverted.sd-6-16-4-pagination--simple ul li {
|
|
700
700
|
color: rgba(var(--sd-color-text-white));
|
|
701
701
|
}
|
|
702
|
-
.sd-6-16-
|
|
702
|
+
.sd-6-16-4-pagination--inverted.sd-6-16-4-pagination--simple ul li::after {
|
|
703
703
|
content: var(--tw-content);
|
|
704
704
|
color: rgba(var(--sd-color-text-white));
|
|
705
705
|
}
|
|
706
|
-
.sd-6-16-
|
|
706
|
+
.sd-6-16-4-pagination--inverted.sd-6-16-4-pagination--simple ul li:nth-child(2) {
|
|
707
707
|
border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-accent))));
|
|
708
708
|
}
|
|
709
|
-
.sd-6-16-
|
|
709
|
+
.sd-6-16-4-status-badge {
|
|
710
710
|
display: inline-flex;
|
|
711
711
|
align-items: center;
|
|
712
712
|
}
|
|
713
|
-
.sd-6-16-
|
|
713
|
+
.sd-6-16-4-status-badge sd-6-16-4-icon {
|
|
714
714
|
margin-right: var(--sd-spacing-2);
|
|
715
715
|
display: flex;
|
|
716
716
|
height: var(--sd-spacing-3);
|
|
@@ -719,19 +719,19 @@ mark.sd-6-16-3-mark {
|
|
|
719
719
|
padding: var(--sd-spacing-1);
|
|
720
720
|
color: rgba(var(--sd-color-text-white)) !important;
|
|
721
721
|
}
|
|
722
|
-
.sd-6-16-
|
|
722
|
+
.sd-6-16-4-status-badge--success sd-6-16-4-icon {
|
|
723
723
|
background-color: rgba(var(--sd-badge--green-color-background, rgba(var(--sd-color-success))));
|
|
724
724
|
}
|
|
725
|
-
.sd-6-16-
|
|
725
|
+
.sd-6-16-4-status-badge--warning sd-6-16-4-icon {
|
|
726
726
|
background-color: rgba(var(--sd-color-background-warning));
|
|
727
727
|
}
|
|
728
|
-
.sd-6-16-
|
|
728
|
+
.sd-6-16-4-status-badge--error sd-6-16-4-icon {
|
|
729
729
|
background-color: rgba(var(--sd-badge--red-color-background, rgba(var(--sd-color-error))));
|
|
730
730
|
}
|
|
731
|
-
.sd-6-16-
|
|
731
|
+
.sd-6-16-4-status-badge--info sd-6-16-4-icon {
|
|
732
732
|
background-color: rgba(var(--sd-color-background-info));
|
|
733
733
|
}
|
|
734
|
-
.sd-6-16-
|
|
734
|
+
.sd-6-16-4-display {
|
|
735
735
|
font-size: var(--sd-text-3xl);
|
|
736
736
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
737
737
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -741,12 +741,12 @@ mark.sd-6-16-3-mark {
|
|
|
741
741
|
color: rgba(var(--sd-color-text-black));
|
|
742
742
|
}
|
|
743
743
|
@media (width >= 64rem) {
|
|
744
|
-
.sd-6-16-
|
|
744
|
+
.sd-6-16-4-display {
|
|
745
745
|
font-size: var(--sd-text-4xl);
|
|
746
746
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
747
747
|
}
|
|
748
748
|
}
|
|
749
|
-
.sd-6-16-
|
|
749
|
+
.sd-6-16-4-display--size-xl {
|
|
750
750
|
font-size: var(--sd-text-xl);
|
|
751
751
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
752
752
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -755,7 +755,7 @@ mark.sd-6-16-3-mark {
|
|
|
755
755
|
font-weight: var(--sd-font-weight-normal);
|
|
756
756
|
color: rgba(var(--sd-color-text-black));
|
|
757
757
|
}
|
|
758
|
-
.sd-6-16-
|
|
758
|
+
.sd-6-16-4-display--size-3xl {
|
|
759
759
|
font-size: var(--sd-text-2xl);
|
|
760
760
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
761
761
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -765,31 +765,31 @@ mark.sd-6-16-3-mark {
|
|
|
765
765
|
color: rgba(var(--sd-color-text-black));
|
|
766
766
|
}
|
|
767
767
|
@media (width >= 64rem) {
|
|
768
|
-
.sd-6-16-
|
|
768
|
+
.sd-6-16-4-display--size-3xl {
|
|
769
769
|
font-size: var(--sd-text-3xl);
|
|
770
770
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
771
771
|
}
|
|
772
772
|
}
|
|
773
|
-
.sd-6-16-
|
|
773
|
+
.sd-6-16-4-display--inverted {
|
|
774
774
|
color: rgba(var(--sd-color-text-white));
|
|
775
775
|
}
|
|
776
|
-
.sd-6-16-
|
|
776
|
+
.sd-6-16-4-headline, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5) {
|
|
777
777
|
display: flex;
|
|
778
778
|
--tw-font-weight: var(--sd-font-weight-bold);
|
|
779
779
|
font-weight: var(--sd-font-weight-bold);
|
|
780
780
|
color: rgba(var(--sd-color-text-primary));
|
|
781
781
|
}
|
|
782
|
-
.sd-6-16-
|
|
782
|
+
.sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5) sd-6-16-4-icon {
|
|
783
783
|
flex-shrink: 0;
|
|
784
784
|
font-size: 3rem;
|
|
785
785
|
color: rgba(var(--sd-color-text-primary));
|
|
786
786
|
}
|
|
787
787
|
@media (width >= 40rem) {
|
|
788
|
-
.sd-6-16-
|
|
788
|
+
.sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5) sd-6-16-4-icon {
|
|
789
789
|
margin-top: var(--sd-spacing-2)
|
|
790
790
|
}
|
|
791
791
|
}
|
|
792
|
-
.sd-6-16-
|
|
792
|
+
.sd-6-16-4-headline.sd-6-16-4-headline, .sd-6-16-4-headline:is(h1):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-16-4-headline) {
|
|
793
793
|
gap: var(--sd-spacing-4);
|
|
794
794
|
font-size: var(--sd-text-3xl);
|
|
795
795
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
@@ -798,20 +798,20 @@ mark.sd-6-16-3-mark {
|
|
|
798
798
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
|
|
799
799
|
}
|
|
800
800
|
@media (width >= 40rem) {
|
|
801
|
-
.sd-6-16-
|
|
801
|
+
.sd-6-16-4-headline.sd-6-16-4-headline, .sd-6-16-4-headline:is(h1):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-16-4-headline) {
|
|
802
802
|
font-size: var(--sd-text-4xl);
|
|
803
803
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
804
804
|
}
|
|
805
805
|
}
|
|
806
|
-
.sd-6-16-
|
|
806
|
+
.sd-6-16-4-headline.sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-headline:is(h1):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
807
807
|
margin-top: calc(var(--sd-spacing-1) * -1);
|
|
808
808
|
}
|
|
809
809
|
@media (width >= 40rem) {
|
|
810
|
-
.sd-6-16-
|
|
810
|
+
.sd-6-16-4-headline.sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-headline:is(h1):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
811
811
|
margin-top: calc(var(--sd-spacing-1) * 0)
|
|
812
812
|
}
|
|
813
813
|
}
|
|
814
|
-
.sd-6-16-
|
|
814
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-3xl, .sd-6-16-4-headline:is(h2):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-3xl, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-16-4-headline) {
|
|
815
815
|
gap: var(--sd-spacing-4);
|
|
816
816
|
font-size: var(--sd-text-2xl);
|
|
817
817
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
@@ -820,86 +820,86 @@ mark.sd-6-16-3-mark {
|
|
|
820
820
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
|
|
821
821
|
}
|
|
822
822
|
@media (width >= 40rem) {
|
|
823
|
-
.sd-6-16-
|
|
823
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-3xl, .sd-6-16-4-headline:is(h2):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-3xl, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-16-4-headline) {
|
|
824
824
|
font-size: var(--sd-text-3xl);
|
|
825
825
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
.sd-6-16-
|
|
828
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-3xl sd-6-16-4-icon, .sd-6-16-4-headline:is(h2):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-3xl sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
829
829
|
margin-top: calc(var(--sd-spacing-1) * -1);
|
|
830
830
|
}
|
|
831
831
|
@media (width >= 40rem) {
|
|
832
|
-
.sd-6-16-
|
|
832
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-3xl sd-6-16-4-icon, .sd-6-16-4-headline:is(h2):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-3xl sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
833
833
|
margin-top: calc(var(--sd-spacing-1) * 0)
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
|
-
.sd-6-16-
|
|
836
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-xl, .sd-6-16-4-headline.sd-6-16-4-headline--size-lg, .sd-6-16-4-headline.sd-6-16-4-headline--size-base, .sd-6-16-4-headline:is(h3, h4, h5):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-xl, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-16-4-headline) {
|
|
837
837
|
gap: var(--sd-spacing-2);
|
|
838
838
|
color: rgba(var(--sd-color-text-black));
|
|
839
839
|
}
|
|
840
|
-
.sd-6-16-
|
|
840
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-headline.sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-headline.sd-6-16-4-headline--size-base sd-6-16-4-icon, .sd-6-16-4-headline:is(h3, h4, h5):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
841
841
|
font-size: 2rem;
|
|
842
842
|
}
|
|
843
|
-
.sd-6-16-
|
|
843
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-xl, .sd-6-16-4-headline:is(h3):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-xl, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-16-4-headline) {
|
|
844
844
|
font-size: var(--sd-text-xl);
|
|
845
845
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
846
846
|
}
|
|
847
|
-
.sd-6-16-
|
|
847
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-headline:is(h3):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
848
848
|
margin-top: var(--sd-spacing-0\.5);
|
|
849
849
|
}
|
|
850
850
|
@media (width >= 40rem) {
|
|
851
|
-
.sd-6-16-
|
|
851
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-headline:is(h3):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-xl sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
852
852
|
margin-top: var(--sd-spacing-0\.5)
|
|
853
853
|
}
|
|
854
854
|
}
|
|
855
|
-
.sd-6-16-
|
|
855
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-lg, .sd-6-16-4-headline.sd-6-16-4-headline--size-base, .sd-6-16-4-headline:is(h4, h5):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-6-16-4-headline) {
|
|
856
856
|
--tw-leading: var(--leading-normal, 1.5);
|
|
857
857
|
line-height: var(--leading-normal, 1.5);
|
|
858
858
|
}
|
|
859
|
-
.sd-6-16-
|
|
859
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-lg, .sd-6-16-4-headline:is(h4), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h4) {
|
|
860
860
|
font-size: var(--sd-text-lg);
|
|
861
861
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
862
862
|
}
|
|
863
|
-
.sd-6-16-
|
|
863
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-headline:is(h4) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-16-4-icon {
|
|
864
864
|
margin-top: calc(var(--sd-spacing-1) * 0);
|
|
865
865
|
}
|
|
866
866
|
@media (width >= 40rem) {
|
|
867
|
-
.sd-6-16-
|
|
867
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-headline:is(h4) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-lg sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-16-4-icon {
|
|
868
868
|
margin-top: calc(var(--sd-spacing-1) * 0)
|
|
869
869
|
}
|
|
870
870
|
}
|
|
871
|
-
.sd-6-16-
|
|
871
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-base, .sd-6-16-4-headline:is(h5):not(.sd-6-16-4-headline), .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-16-4-headline) {
|
|
872
872
|
font-size: var(--sd-text-base);
|
|
873
873
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
874
874
|
}
|
|
875
|
-
.sd-6-16-
|
|
875
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-base sd-6-16-4-icon, .sd-6-16-4-headline:is(h5):not(.sd-6-16-4-headline) sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base sd-6-16-4-icon, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-16-4-headline) sd-6-16-4-icon {
|
|
876
876
|
margin-top: calc(var(--sd-spacing-1) * -1);
|
|
877
877
|
}
|
|
878
|
-
.sd-6-16-
|
|
878
|
+
.sd-6-16-4-headline.sd-6-16-4-headline--size-base mark, .sd-6-16-4-headline:is(h5):not(.sd-6-16-4-headline) mark, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5).sd-6-16-4-headline--size-base mark, .sd-6-16-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-16-4-headline) mark {
|
|
879
879
|
color: inherit;
|
|
880
880
|
}
|
|
881
|
-
.sd-6-16-
|
|
881
|
+
.sd-6-16-4-headline--inline {
|
|
882
882
|
display: inline-block;
|
|
883
883
|
}
|
|
884
|
-
.sd-6-16-
|
|
884
|
+
.sd-6-16-4-headline--inline sd-6-16-4-icon {
|
|
885
885
|
margin-top: calc(var(--sd-spacing-1) * -1);
|
|
886
886
|
margin-right: var(--sd-spacing-2);
|
|
887
887
|
vertical-align: middle;
|
|
888
888
|
}
|
|
889
|
-
.sd-6-16-
|
|
889
|
+
.sd-6-16-4-headline--inline:is(.sd-6-16-4-headline--size-xl, .sd-6-16-4-headline--size-lg, .sd-6-16-4-headline--size-base) sd-6-16-4-icon {
|
|
890
890
|
margin-right: var(--sd-spacing-0\.5);
|
|
891
891
|
}
|
|
892
|
-
.sd-6-16-
|
|
892
|
+
.sd-6-16-4-headline--inverted:not(#_), .sd-6-16-4-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-16-4-headline):not(#_) {
|
|
893
893
|
color: rgba(var(--sd-color-text-white));
|
|
894
894
|
}
|
|
895
|
-
.sd-6-16-
|
|
895
|
+
.sd-6-16-4-headline--inverted:not(#_) sd-6-16-4-icon, .sd-6-16-4-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-16-4-headline):not(#_) sd-6-16-4-icon {
|
|
896
896
|
color: rgba(var(--sd-color-text-white));
|
|
897
897
|
}
|
|
898
|
-
.sd-6-16-
|
|
898
|
+
.sd-6-16-4-prose a--reset, .sd-6-16-4-interactive--reset {
|
|
899
899
|
all: unset;
|
|
900
900
|
outline: revert;
|
|
901
901
|
}
|
|
902
|
-
.sd-6-16-
|
|
902
|
+
.sd-6-16-4-prose a, .sd-6-16-4-interactive{
|
|
903
903
|
cursor: pointer;
|
|
904
904
|
color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary))));
|
|
905
905
|
text-decoration-line: underline;
|
|
@@ -911,56 +911,56 @@ mark.sd-6-16-3-mark {
|
|
|
911
911
|
--tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
912
912
|
transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
913
913
|
}
|
|
914
|
-
.sd-6-16-
|
|
914
|
+
.sd-6-16-4-prose a:hover:not([disabled]), .sd-6-16-4-interactive:hover:not([disabled]) {
|
|
915
915
|
color: rgba(var(--sd-color-text-primary-500));
|
|
916
916
|
}
|
|
917
|
-
.sd-6-16-
|
|
917
|
+
.sd-6-16-4-prose a:focus-visible, .sd-6-16-4-interactive:focus-visible {
|
|
918
918
|
outline-style: solid;
|
|
919
919
|
outline-offset: 2px;
|
|
920
920
|
outline-width: 2px;
|
|
921
921
|
outline-color: rgba(var(--outline-color-primary));
|
|
922
922
|
}
|
|
923
|
-
.sd-6-16-
|
|
923
|
+
.sd-6-16-4-prose a:active:not([disabled]), .sd-6-16-4-interactive:active:not([disabled]) {
|
|
924
924
|
color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800))));
|
|
925
925
|
}
|
|
926
|
-
.sd-6-16-
|
|
926
|
+
.sd-6-16-4-prose a:is(.sd-6-16-4-interactive), .sd-6-16-4-interactive:is(.sd-6-16-4-interactive) {
|
|
927
927
|
text-decoration-line: none;
|
|
928
928
|
}
|
|
929
|
-
.sd-6-16-
|
|
929
|
+
.sd-6-16-4-prose a--disabled, .sd-6-16-4-prose a[disabled], .sd-6-16-4-prose a[href=''], .sd-6-16-4-interactive--disabled, .sd-6-16-4-interactive[disabled], .sd-6-16-4-interactive[href=''] {
|
|
930
930
|
cursor: not-allowed;
|
|
931
931
|
color: rgba(var(--sd-color-text-neutral-500));
|
|
932
932
|
}
|
|
933
|
-
.sd-6-16-
|
|
933
|
+
.sd-6-16-4-prose a--disabled:hover:not([disabled]), .sd-6-16-4-prose a[disabled]:hover:not([disabled]), .sd-6-16-4-prose a[href='']:hover:not([disabled]), .sd-6-16-4-interactive--disabled:hover:not([disabled]), .sd-6-16-4-interactive[disabled]:hover:not([disabled]), .sd-6-16-4-interactive[href='']:hover:not([disabled]) {
|
|
934
934
|
color: rgba(var(--sd-color-text-neutral-500));
|
|
935
935
|
}
|
|
936
|
-
.sd-6-16-
|
|
936
|
+
.sd-6-16-4-prose a--disabled:active:not([disabled]), .sd-6-16-4-prose a[disabled]:active:not([disabled]), .sd-6-16-4-prose a[href='']:active:not([disabled]), .sd-6-16-4-interactive--disabled:active:not([disabled]), .sd-6-16-4-interactive[disabled]:active:not([disabled]), .sd-6-16-4-interactive[href='']:active:not([disabled]) {
|
|
937
937
|
color: rgba(var(--sd-color-text-neutral-500));
|
|
938
938
|
}
|
|
939
|
-
.sd-6-16-
|
|
939
|
+
.sd-6-16-4-prose a--disabled.sd-6-16-4-interactive--inverted, .sd-6-16-4-prose a[disabled].sd-6-16-4-interactive--inverted, .sd-6-16-4-prose a[href=''].sd-6-16-4-interactive--inverted, .sd-6-16-4-interactive--disabled.sd-6-16-4-interactive--inverted, .sd-6-16-4-interactive[disabled].sd-6-16-4-interactive--inverted, .sd-6-16-4-interactive[href=''].sd-6-16-4-interactive--inverted {
|
|
940
940
|
color: rgba(var(--sd-color-text-neutral-600));
|
|
941
941
|
}
|
|
942
|
-
.sd-6-16-
|
|
942
|
+
.sd-6-16-4-prose a--disabled.sd-6-16-4-interactive--inverted:hover:not([disabled]), .sd-6-16-4-prose a[disabled].sd-6-16-4-interactive--inverted:hover:not([disabled]), .sd-6-16-4-prose a[href=''].sd-6-16-4-interactive--inverted:hover:not([disabled]), .sd-6-16-4-interactive--disabled.sd-6-16-4-interactive--inverted:hover:not([disabled]), .sd-6-16-4-interactive[disabled].sd-6-16-4-interactive--inverted:hover:not([disabled]), .sd-6-16-4-interactive[href=''].sd-6-16-4-interactive--inverted:hover:not([disabled]) {
|
|
943
943
|
color: rgba(var(--sd-color-text-neutral-600));
|
|
944
944
|
}
|
|
945
|
-
.sd-6-16-
|
|
945
|
+
.sd-6-16-4-prose a--disabled.sd-6-16-4-interactive--inverted:active:not([disabled]), .sd-6-16-4-prose a[disabled].sd-6-16-4-interactive--inverted:active:not([disabled]), .sd-6-16-4-prose a[href=''].sd-6-16-4-interactive--inverted:active:not([disabled]), .sd-6-16-4-interactive--disabled.sd-6-16-4-interactive--inverted:active:not([disabled]), .sd-6-16-4-interactive[disabled].sd-6-16-4-interactive--inverted:active:not([disabled]), .sd-6-16-4-interactive[href=''].sd-6-16-4-interactive--inverted:active:not([disabled]) {
|
|
946
946
|
color: rgba(var(--sd-color-text-neutral-600));
|
|
947
947
|
}
|
|
948
|
-
.sd-6-16-
|
|
948
|
+
.sd-6-16-4-prose--inverted a, .sd-6-16-4-interactive--inverted {
|
|
949
949
|
color: rgba(var(--sd-color-text-white));
|
|
950
950
|
}
|
|
951
|
-
.sd-6-16-
|
|
951
|
+
.sd-6-16-4-prose--inverted a:hover:not([disabled]), .sd-6-16-4-interactive--inverted:hover:not([disabled]) {
|
|
952
952
|
color: rgba(var(--sd-color-text-primary-200));
|
|
953
953
|
}
|
|
954
|
-
.sd-6-16-
|
|
954
|
+
.sd-6-16-4-prose--inverted a:focus-visible, .sd-6-16-4-interactive--inverted:focus-visible {
|
|
955
955
|
outline-style: solid;
|
|
956
956
|
outline-offset: 2px;
|
|
957
957
|
outline-width: 2px;
|
|
958
958
|
outline-color: rgba(var(--outline-color-primary));
|
|
959
959
|
}
|
|
960
|
-
.sd-6-16-
|
|
960
|
+
.sd-6-16-4-prose--inverted a:active:not([disabled]), .sd-6-16-4-interactive--inverted:active:not([disabled]) {
|
|
961
961
|
color: rgba(var(--sd-color-text-primary-400));
|
|
962
962
|
}
|
|
963
|
-
.sd-6-16-
|
|
963
|
+
.sd-6-16-4-prose > .sd-6-16-4-leadtext, .sd-6-16-4-leadtext {
|
|
964
964
|
font-size: var(--sd-text-xl);
|
|
965
965
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
966
966
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -969,7 +969,7 @@ mark.sd-6-16-3-mark {
|
|
|
969
969
|
font-weight: var(--sd-font-weight-normal);
|
|
970
970
|
color: rgba(var(--sd-color-text-black));
|
|
971
971
|
}
|
|
972
|
-
.sd-6-16-
|
|
972
|
+
.sd-6-16-4-prose > .sd-6-16-4-leadtext--size-lg, .sd-6-16-4-leadtext--size-lg {
|
|
973
973
|
font-size: var(--sd-text-lg);
|
|
974
974
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
975
975
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -978,10 +978,10 @@ mark.sd-6-16-3-mark {
|
|
|
978
978
|
font-weight: var(--sd-font-weight-normal);
|
|
979
979
|
color: rgba(var(--sd-color-text-black));
|
|
980
980
|
}
|
|
981
|
-
.sd-6-16-
|
|
981
|
+
.sd-6-16-4-prose--inverted > .sd-6-16-4-leadtext, .sd-6-16-4-leadtext--inverted {
|
|
982
982
|
color: rgba(var(--sd-color-text-white));
|
|
983
983
|
}
|
|
984
|
-
.sd-6-16-
|
|
984
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon), .sd-6-16-4-prose > :is(ol, ul) {
|
|
985
985
|
list-style-position: revert;
|
|
986
986
|
list-style-type: revert;
|
|
987
987
|
padding: revert;
|
|
@@ -989,111 +989,111 @@ mark.sd-6-16-3-mark {
|
|
|
989
989
|
padding-left: var(--sd-spacing-4);
|
|
990
990
|
text-align: left;
|
|
991
991
|
}
|
|
992
|
-
.sd-6-16-
|
|
992
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon) li:not(:first-child), .sd-6-16-4-prose > :is(ol, ul) li:not(:first-child) {
|
|
993
993
|
margin-top: var(--sd-spacing-3);
|
|
994
994
|
}
|
|
995
|
-
.sd-6-16-
|
|
995
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ol, .sd-6-16-4-prose > :is(ol, ul) ul, .sd-6-16-4-prose > :is(ol, ul) ol {
|
|
996
996
|
all: revert;
|
|
997
997
|
padding-top: 0.75em;
|
|
998
998
|
padding-left: 1.4em;
|
|
999
999
|
}
|
|
1000
1000
|
@supports not (-webkit-hyphens: none) {
|
|
1001
|
-
.sd-6-16-
|
|
1001
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon) li, .sd-6-16-4-prose > :is(ol, ul) li {
|
|
1002
1002
|
padding-left: 0.3em;
|
|
1003
1003
|
}
|
|
1004
|
-
.sd-6-16-
|
|
1004
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon), .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) {
|
|
1005
1005
|
counter-reset: item;
|
|
1006
1006
|
}
|
|
1007
|
-
.sd-6-16-
|
|
1007
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li {
|
|
1008
1008
|
counter-increment: item;
|
|
1009
1009
|
}
|
|
1010
|
-
.sd-6-16-
|
|
1010
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li::marker, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li::marker {
|
|
1011
1011
|
content: counter(item, decimal) '. ';
|
|
1012
1012
|
}
|
|
1013
|
-
.sd-6-16-
|
|
1013
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol {
|
|
1014
1014
|
padding-left: 1.9em;
|
|
1015
1015
|
counter-reset: subitem;
|
|
1016
1016
|
}
|
|
1017
|
-
.sd-6-16-
|
|
1017
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li {
|
|
1018
1018
|
counter-increment: subitem;
|
|
1019
1019
|
}
|
|
1020
|
-
.sd-6-16-
|
|
1020
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li::marker, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li::marker {
|
|
1021
1021
|
content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
|
|
1022
1022
|
}
|
|
1023
|
-
.sd-6-16-
|
|
1023
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol {
|
|
1024
1024
|
padding-left: 2.7em;
|
|
1025
1025
|
counter-reset: subsubitem;
|
|
1026
1026
|
}
|
|
1027
|
-
.sd-6-16-
|
|
1027
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol > li, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol > li {
|
|
1028
1028
|
counter-increment: subsubitem;
|
|
1029
1029
|
}
|
|
1030
|
-
.sd-6-16-
|
|
1030
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol > li::marker, .sd-6-16-4-prose > :is(ol, ul):is(ol):not(.sd-6-16-4-list--icon) > li > ol > li > ol > li::marker {
|
|
1031
1031
|
content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
|
-
.sd-6-16-
|
|
1034
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon), .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon), .sd-6-16-4-prose > :is(ol, ul) ul {
|
|
1035
1035
|
padding-left: 0.5em;
|
|
1036
1036
|
}
|
|
1037
|
-
.sd-6-16-
|
|
1037
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon) > li, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul > li, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon) > li, .sd-6-16-4-prose > :is(ol, ul) ul > li {
|
|
1038
1038
|
padding-left: 0.75em;
|
|
1039
1039
|
list-style-type: '\2022';
|
|
1040
1040
|
}
|
|
1041
|
-
.sd-6-16-
|
|
1041
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon) > li > ul, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul > li > ul, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon) > li > ul, .sd-6-16-4-prose > :is(ol, ul) ul > li > ul {
|
|
1042
1042
|
padding-left: 0.3em;
|
|
1043
1043
|
}
|
|
1044
|
-
.sd-6-16-
|
|
1044
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul > li > ul > li, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li, .sd-6-16-4-prose > :is(ol, ul) ul > li > ul > li {
|
|
1045
1045
|
list-style-type: '\002B1D';
|
|
1046
1046
|
}
|
|
1047
|
-
.sd-6-16-
|
|
1047
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li > ul, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul > li > ul > li > ul, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li > ul, .sd-6-16-4-prose > :is(ol, ul) ul > li > ul > li > ul {
|
|
1048
1048
|
padding-left: 0.4em;
|
|
1049
1049
|
}
|
|
1050
|
-
.sd-6-16-
|
|
1050
|
+
.sd-6-16-4-list:not(.sd-6-16-4-list--icon):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li > ul > li, .sd-6-16-4-list:not(.sd-6-16-4-list--icon) ul > li > ul > li > ul > li, .sd-6-16-4-prose > :is(ol, ul):is(ul):not(.sd-6-16-4-list--icon) > li > ul > li > ul > li, .sd-6-16-4-prose > :is(ol, ul) ul > li > ul > li > ul > li {
|
|
1051
1051
|
list-style-type: '\2010';
|
|
1052
1052
|
}
|
|
1053
|
-
.sd-6-16-
|
|
1053
|
+
.sd-6-16-4-list--icon {
|
|
1054
1054
|
padding-block: var(--sd-spacing-4);
|
|
1055
1055
|
text-align: left;
|
|
1056
1056
|
}
|
|
1057
|
-
.sd-6-16-
|
|
1057
|
+
.sd-6-16-4-list--icon li sd-6-16-4-icon:first-of-type, .sd-6-16-4-list--icon li .sd-6-16-4-list--icon__icon:first-of-type {
|
|
1058
1058
|
color: rgba(var(--sd-color-text-white));
|
|
1059
1059
|
}
|
|
1060
|
-
.sd-6-16-
|
|
1060
|
+
.sd-6-16-4-list--icon{
|
|
1061
1061
|
list-style-type: '';
|
|
1062
1062
|
}
|
|
1063
|
-
.sd-6-16-
|
|
1063
|
+
.sd-6-16-4-list--icon > li:first-of-type {
|
|
1064
1064
|
padding-top: calc(var(--sd-spacing-1) * 0);
|
|
1065
1065
|
}
|
|
1066
|
-
.sd-6-16-
|
|
1066
|
+
.sd-6-16-4-list--icon li {
|
|
1067
1067
|
position: relative;
|
|
1068
1068
|
padding-top: var(--sd-spacing-3);
|
|
1069
1069
|
padding-left: var(--sd-spacing-10);
|
|
1070
1070
|
--tw-leading: 32px;
|
|
1071
1071
|
line-height: 32px;
|
|
1072
1072
|
}
|
|
1073
|
-
.sd-6-16-
|
|
1073
|
+
.sd-6-16-4-list--icon li > sd-6-16-4-icon:first-of-type, .sd-6-16-4-list--icon li > .sd-6-16-4-list--icon__icon:first-of-type {
|
|
1074
1074
|
position: absolute;
|
|
1075
1075
|
left: calc(var(--sd-spacing-1) * 0);
|
|
1076
1076
|
font-size: var(--sd-text-3xl);
|
|
1077
1077
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
1078
1078
|
color: rgb(var(--sd-color-icon-fill-primary));
|
|
1079
1079
|
}
|
|
1080
|
-
.sd-6-16-
|
|
1080
|
+
.sd-6-16-4-list--icon.sd-6-16-4-list--horizontal {
|
|
1081
1081
|
display: flex;
|
|
1082
1082
|
}
|
|
1083
|
-
.sd-6-16-
|
|
1083
|
+
.sd-6-16-4-list--icon.sd-6-16-4-list--horizontal li {
|
|
1084
1084
|
display: flex;
|
|
1085
1085
|
padding-top: calc(var(--sd-spacing-1) * 0);
|
|
1086
1086
|
}
|
|
1087
|
-
.sd-6-16-
|
|
1087
|
+
.sd-6-16-4-list--icon.sd-6-16-4-list--horizontal li:not(:last-child) {
|
|
1088
1088
|
margin-right: var(--sd-spacing-8);
|
|
1089
1089
|
}
|
|
1090
|
-
.sd-6-16-
|
|
1090
|
+
.sd-6-16-4-list--inverted, .sd-6-16-4-prose--inverted > :is(ol, ul) {
|
|
1091
1091
|
color: rgba(var(--sd-color-text-white));
|
|
1092
1092
|
}
|
|
1093
|
-
.sd-6-16-
|
|
1093
|
+
.sd-6-16-4-list--inverted li > sd-6-16-4-icon:first-of-type, .sd-6-16-4-list--inverted li > .sd-6-16-4-list--icon__icon:first-of-type, .sd-6-16-4-prose--inverted > :is(ol, ul) li > sd-6-16-4-icon:first-of-type, .sd-6-16-4-prose--inverted > :is(ol, ul) li > .sd-6-16-4-list--icon__icon:first-of-type {
|
|
1094
1094
|
color: rgba(var(--sd-color-text-white));
|
|
1095
1095
|
}
|
|
1096
|
-
.sd-6-16-
|
|
1096
|
+
.sd-6-16-4-paragraph, .sd-6-16-4-prose p {
|
|
1097
1097
|
font-size: var(--sd-text-base);
|
|
1098
1098
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
1099
1099
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1102,7 +1102,7 @@ mark.sd-6-16-3-mark {
|
|
|
1102
1102
|
font-weight: var(--sd-font-weight-normal);
|
|
1103
1103
|
color: rgba(var(--sd-color-text-black));
|
|
1104
1104
|
}
|
|
1105
|
-
.sd-6-16-
|
|
1105
|
+
.sd-6-16-4-paragraph--size-sm, .sd-6-16-4-prose p--size-sm {
|
|
1106
1106
|
font-size: var(--sd-text-sm);
|
|
1107
1107
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1108
1108
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1111,22 +1111,22 @@ mark.sd-6-16-3-mark {
|
|
|
1111
1111
|
font-weight: var(--sd-font-weight-normal);
|
|
1112
1112
|
color: rgba(var(--sd-color-text-black));
|
|
1113
1113
|
}
|
|
1114
|
-
.sd-6-16-
|
|
1114
|
+
.sd-6-16-4-paragraph--inverted, .sd-6-16-4-prose--inverted p {
|
|
1115
1115
|
color: rgba(var(--sd-color-text-white));
|
|
1116
1116
|
}
|
|
1117
|
-
.sd-6-16-
|
|
1117
|
+
.sd-6-16-4-prose figure, figure.sd-6-16-4-media {
|
|
1118
1118
|
margin: calc(var(--sd-spacing-1) * 0);
|
|
1119
1119
|
}
|
|
1120
|
-
.sd-6-16-
|
|
1120
|
+
.sd-6-16-4-prose figure figcaption, figure.sd-6-16-4-media figcaption {
|
|
1121
1121
|
color: rgba(var(--sd-color-text-neutral-700));
|
|
1122
1122
|
}
|
|
1123
|
-
.sd-6-16-
|
|
1123
|
+
.sd-6-16-4-prose figure figcaption:last-child, figure.sd-6-16-4-media figcaption:last-child {
|
|
1124
1124
|
margin-top: var(--sd-spacing-3);
|
|
1125
1125
|
}
|
|
1126
|
-
.sd-6-16-
|
|
1126
|
+
.sd-6-16-4-prose--inverted figure figcaption, figure.sd-6-16-4-media--inverted figcaption {
|
|
1127
1127
|
color: rgba(var(--sd-color-text-primary-400));
|
|
1128
1128
|
}
|
|
1129
|
-
.sd-6-16-
|
|
1129
|
+
.sd-6-16-4-prose td, .sd-6-16-4-prose th, .sd-6-16-4-table-cell {
|
|
1130
1130
|
border-inline-style: var(--tw-border-style);
|
|
1131
1131
|
border-inline-width: 0px;
|
|
1132
1132
|
border-block-style: var(--tw-border-style);
|
|
@@ -1141,11 +1141,11 @@ mark.sd-6-16-3-mark {
|
|
|
1141
1141
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1142
1142
|
color: rgba(var(--sd-color-text-black));
|
|
1143
1143
|
}
|
|
1144
|
-
.sd-6-16-
|
|
1144
|
+
.sd-6-16-4-table-cell--divider {
|
|
1145
1145
|
border-right-style: var(--tw-border-style);
|
|
1146
1146
|
border-right-width: 1px;
|
|
1147
1147
|
}
|
|
1148
|
-
.sd-6-16-
|
|
1148
|
+
.sd-6-16-4-table-cell--shadow-top:after, .sd-6-16-4-table-cell--shadow-bottom:after, .sd-6-16-4-table-cell--shadow-left:after, .sd-6-16-4-table-cell--shadow-right:after {
|
|
1149
1149
|
pointer-events: none;
|
|
1150
1150
|
position: absolute;
|
|
1151
1151
|
--tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
|
|
@@ -1160,12 +1160,12 @@ mark.sd-6-16-3-mark {
|
|
|
1160
1160
|
--tw-content: '';
|
|
1161
1161
|
content: var(--tw-content);
|
|
1162
1162
|
}
|
|
1163
|
-
.sd-6-16-
|
|
1163
|
+
.sd-6-16-4-table-cell--shadow-top:after, .sd-6-16-4-table-cell--shadow-bottom:after {
|
|
1164
1164
|
right: calc(var(--sd-spacing-1) * 0);
|
|
1165
1165
|
left: calc(var(--sd-spacing-1) * 0);
|
|
1166
1166
|
height: var(--sd-spacing-2\.5);
|
|
1167
1167
|
}
|
|
1168
|
-
.sd-6-16-
|
|
1168
|
+
.sd-6-16-4-table-cell--shadow-top:before, .sd-6-16-4-table-cell--shadow-bottom:before {
|
|
1169
1169
|
position: absolute;
|
|
1170
1170
|
left: calc(var(--sd-spacing-1) * 0);
|
|
1171
1171
|
display: block;
|
|
@@ -1177,50 +1177,50 @@ mark.sd-6-16-3-mark {
|
|
|
1177
1177
|
--tw-content: '';
|
|
1178
1178
|
content: var(--tw-content);
|
|
1179
1179
|
}
|
|
1180
|
-
.sd-6-16-
|
|
1180
|
+
.sd-6-16-4-table-cell--shadow-left:after, .sd-6-16-4-table-cell--shadow-right:after {
|
|
1181
1181
|
top: calc(var(--sd-spacing-1) * 0);
|
|
1182
1182
|
bottom: calc(var(--sd-spacing-1) * 0);
|
|
1183
1183
|
width: var(--sd-spacing-2\.5);
|
|
1184
1184
|
}
|
|
1185
|
-
.sd-6-16-
|
|
1185
|
+
.sd-6-16-4-table-cell.sd-6-16-4-table-cell--shadow-active:after {
|
|
1186
1186
|
opacity: 100%;
|
|
1187
1187
|
}
|
|
1188
|
-
.sd-6-16-
|
|
1188
|
+
.sd-6-16-4-table-cell--shadow-top:after {
|
|
1189
1189
|
top: -10px;
|
|
1190
1190
|
--tw-gradient-position: to top in oklab;
|
|
1191
1191
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1192
1192
|
}
|
|
1193
|
-
.sd-6-16-
|
|
1193
|
+
.sd-6-16-4-table-cell--shadow-top:before {
|
|
1194
1194
|
bottom: -1px;
|
|
1195
1195
|
}
|
|
1196
|
-
.sd-6-16-
|
|
1196
|
+
.sd-6-16-4-table-cell--shadow-bottom:after {
|
|
1197
1197
|
bottom: -10px;
|
|
1198
1198
|
--tw-gradient-position: to bottom in oklab;
|
|
1199
1199
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1200
1200
|
}
|
|
1201
|
-
.sd-6-16-
|
|
1201
|
+
.sd-6-16-4-table-cell--shadow-bottom:before {
|
|
1202
1202
|
top: -1px;
|
|
1203
1203
|
}
|
|
1204
|
-
.sd-6-16-
|
|
1204
|
+
.sd-6-16-4-table-cell--shadow-left:after {
|
|
1205
1205
|
left: -10px;
|
|
1206
1206
|
--tw-gradient-position: to left in oklab;
|
|
1207
1207
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1208
1208
|
}
|
|
1209
|
-
.sd-6-16-
|
|
1209
|
+
.sd-6-16-4-table-cell--shadow-right:after {
|
|
1210
1210
|
right: -10px;
|
|
1211
1211
|
--tw-gradient-position: to right in oklab;
|
|
1212
1212
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1213
1213
|
}
|
|
1214
|
-
.sd-6-16-
|
|
1214
|
+
.sd-6-16-4-table-cell--bg-white {
|
|
1215
1215
|
background-color: rgba(var(--sd-color-background-white));
|
|
1216
1216
|
}
|
|
1217
|
-
.sd-6-16-
|
|
1217
|
+
.sd-6-16-4-table-cell--bg-primary-100 {
|
|
1218
1218
|
background-color: rgba(var(--sd-color-background-primary-100));
|
|
1219
1219
|
}
|
|
1220
|
-
.sd-6-16-
|
|
1220
|
+
.sd-6-16-4-table-cell--bg-neutral-100 {
|
|
1221
1221
|
background-color: rgba(var(--sd-color-background-neutral-100));
|
|
1222
1222
|
}
|
|
1223
|
-
.sd-6-16-
|
|
1223
|
+
.sd-6-16-4-table, .sd-6-16-4-prose table {
|
|
1224
1224
|
all: unset;
|
|
1225
1225
|
display: table;
|
|
1226
1226
|
border-collapse: collapse;
|
|
@@ -1228,59 +1228,59 @@ mark.sd-6-16-3-mark {
|
|
|
1228
1228
|
--tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
|
|
1229
1229
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1230
1230
|
}
|
|
1231
|
-
.sd-6-16-
|
|
1231
|
+
.sd-6-16-4-table thead tr:first-of-type, .sd-6-16-4-table tfoot tr:first-of-type, .sd-6-16-4-prose table thead tr:first-of-type, .sd-6-16-4-prose table tfoot tr:first-of-type {
|
|
1232
1232
|
position: relative;
|
|
1233
1233
|
}
|
|
1234
|
-
.sd-6-16-
|
|
1234
|
+
.sd-6-16-4-prose {
|
|
1235
1235
|
max-width: 80ch;
|
|
1236
1236
|
text-align: left;
|
|
1237
1237
|
}
|
|
1238
|
-
.sd-6-16-
|
|
1238
|
+
.sd-6-16-4-prose > *:not(:first-child) {
|
|
1239
1239
|
margin-top: var(--sd-spacing-4);
|
|
1240
1240
|
}
|
|
1241
|
-
.sd-6-16-
|
|
1241
|
+
.sd-6-16-4-prose > *:first-child {
|
|
1242
1242
|
margin-top: calc(var(--sd-spacing-1) * 0);
|
|
1243
1243
|
}
|
|
1244
|
-
.sd-6-16-
|
|
1244
|
+
.sd-6-16-4-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
|
|
1245
1245
|
margin-top: var(--sd-spacing-2);
|
|
1246
1246
|
}
|
|
1247
|
-
.sd-6-16-
|
|
1247
|
+
.sd-6-16-4-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
|
|
1248
1248
|
margin-top: var(--sd-spacing-8);
|
|
1249
1249
|
}
|
|
1250
|
-
.sd-6-16-
|
|
1250
|
+
.sd-6-16-4-prose > figure + *:not(#_), .sd-6-16-4-prose > img + *:not(#_) {
|
|
1251
1251
|
margin-top: var(--sd-spacing-6);
|
|
1252
1252
|
}
|
|
1253
|
-
.sd-6-16-
|
|
1253
|
+
.sd-6-16-4-prose hr {
|
|
1254
1254
|
height: calc(var(--sd-spacing-1) * 0);
|
|
1255
1255
|
border-top-style: var(--tw-border-style);
|
|
1256
1256
|
border-top-width: 1px;
|
|
1257
1257
|
border-color: rgba(var(--sd-color-border-neutral-500));
|
|
1258
1258
|
}
|
|
1259
|
-
.sd-6-16-
|
|
1259
|
+
.sd-6-16-4-prose pre {
|
|
1260
1260
|
overflow: auto;
|
|
1261
1261
|
}
|
|
1262
|
-
.sd-6-16-
|
|
1262
|
+
.sd-6-16-4-prose blockquote, .sd-6-16-4-prose blockquote > * {
|
|
1263
1263
|
font-size: var(--sd-text-xl);
|
|
1264
1264
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1265
1265
|
}
|
|
1266
|
-
.sd-6-16-
|
|
1266
|
+
.sd-6-16-4-prose blockquote:has(*) *:first-child::before, .sd-6-16-4-prose blockquote:not(:has(*))::before {
|
|
1267
1267
|
content: open-quote;
|
|
1268
1268
|
display: inline;
|
|
1269
1269
|
}
|
|
1270
|
-
.sd-6-16-
|
|
1270
|
+
.sd-6-16-4-prose blockquote:has(*) *:first-child::after, .sd-6-16-4-prose blockquote:not(:has(*))::after {
|
|
1271
1271
|
content: close-quote;
|
|
1272
1272
|
display: inline;
|
|
1273
1273
|
}
|
|
1274
|
-
.sd-6-16-
|
|
1274
|
+
.sd-6-16-4-prose > :is(ul, ol):not(#_) {
|
|
1275
1275
|
padding-block: calc(var(--sd-spacing-1) * 0);
|
|
1276
1276
|
}
|
|
1277
|
-
.sd-6-16-
|
|
1277
|
+
.sd-6-16-4-prose--inverted hr {
|
|
1278
1278
|
border-color: rgba(var(--sd-color-border-white));
|
|
1279
1279
|
}
|
|
1280
|
-
.sd-6-16-
|
|
1280
|
+
.sd-6-16-4-prose--inverted pre {
|
|
1281
1281
|
color: rgba(var(--sd-color-text-white));
|
|
1282
1282
|
}
|
|
1283
|
-
.sd-6-16-
|
|
1283
|
+
.sd-6-16-4-prose--full-width {
|
|
1284
1284
|
max-width: unset;
|
|
1285
1285
|
}
|
|
1286
1286
|
@property --tw-border-style {
|