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