@skyux/theme 14.0.0-alpha.15 → 14.0.0-alpha.16
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/css/sky.css +390 -432
- package/css/themes/modern/styles.css +18 -23
- package/package.json +2 -2
package/css/sky.css
CHANGED
|
@@ -1,3 +1,334 @@
|
|
|
1
|
+
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
|
|
2
|
+
/* Document
|
|
3
|
+
========================================================================== */
|
|
4
|
+
/**
|
|
5
|
+
* 1. Correct the line height in all browsers.
|
|
6
|
+
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
7
|
+
*/
|
|
8
|
+
html {
|
|
9
|
+
line-height: 1.15; /* 1 */
|
|
10
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* Sections
|
|
14
|
+
========================================================================== */
|
|
15
|
+
/**
|
|
16
|
+
* Remove the margin in all browsers.
|
|
17
|
+
*/
|
|
18
|
+
body {
|
|
19
|
+
margin: 0;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Render the `main` element consistently in IE.
|
|
24
|
+
*/
|
|
25
|
+
main {
|
|
26
|
+
display: block;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
|
31
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
|
32
|
+
*/
|
|
33
|
+
h1 {
|
|
34
|
+
font-size: 2em;
|
|
35
|
+
margin: 0.67em 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Grouping content
|
|
39
|
+
========================================================================== */
|
|
40
|
+
/**
|
|
41
|
+
* 1. Add the correct box sizing in Firefox.
|
|
42
|
+
* 2. Show the overflow in Edge and IE.
|
|
43
|
+
*/
|
|
44
|
+
hr {
|
|
45
|
+
box-sizing: content-box; /* 1 */
|
|
46
|
+
height: 0; /* 1 */
|
|
47
|
+
overflow: visible; /* 2 */
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Add the correct display in IE.
|
|
52
|
+
*/
|
|
53
|
+
main {
|
|
54
|
+
display: block;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
59
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
60
|
+
*/
|
|
61
|
+
pre {
|
|
62
|
+
font-family: monospace, monospace; /* 1 */
|
|
63
|
+
font-size: 1em; /* 2 */
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/* Links
|
|
67
|
+
========================================================================== */
|
|
68
|
+
/**
|
|
69
|
+
* Remove the gray background on active links in IE 10.
|
|
70
|
+
*/
|
|
71
|
+
a {
|
|
72
|
+
background-color: transparent;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/* Text-level semantics
|
|
76
|
+
========================================================================== */
|
|
77
|
+
/**
|
|
78
|
+
* 1. Remove the bottom border in Chrome 57-
|
|
79
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
80
|
+
*/
|
|
81
|
+
abbr[title] {
|
|
82
|
+
border-bottom: none; /* 1 */
|
|
83
|
+
text-decoration: underline; /* 2 */
|
|
84
|
+
text-decoration: underline dotted; /* 2 */
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
89
|
+
*/
|
|
90
|
+
b,
|
|
91
|
+
strong {
|
|
92
|
+
font-weight: bolder;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
97
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
98
|
+
*/
|
|
99
|
+
code,
|
|
100
|
+
kbd,
|
|
101
|
+
samp {
|
|
102
|
+
font-family: monospace, monospace; /* 1 */
|
|
103
|
+
font-size: 1em; /* 2 */
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Add the correct font size in all browsers.
|
|
108
|
+
*/
|
|
109
|
+
small {
|
|
110
|
+
font-size: 80%;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
115
|
+
* all browsers.
|
|
116
|
+
*/
|
|
117
|
+
sub,
|
|
118
|
+
sup {
|
|
119
|
+
font-size: 75%;
|
|
120
|
+
line-height: 0;
|
|
121
|
+
position: relative;
|
|
122
|
+
vertical-align: baseline;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
sub {
|
|
126
|
+
bottom: -0.25em;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
sup {
|
|
130
|
+
top: -0.5em;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* Embedded content
|
|
134
|
+
========================================================================== */
|
|
135
|
+
/**
|
|
136
|
+
* Remove the border on images inside links in IE 10.
|
|
137
|
+
*/
|
|
138
|
+
img {
|
|
139
|
+
border-style: none;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
/* Forms
|
|
143
|
+
========================================================================== */
|
|
144
|
+
/**
|
|
145
|
+
* 1. Change the font styles in all browsers.
|
|
146
|
+
* 2. Remove the margin in Firefox and Safari.
|
|
147
|
+
*/
|
|
148
|
+
button,
|
|
149
|
+
input,
|
|
150
|
+
optgroup,
|
|
151
|
+
select,
|
|
152
|
+
textarea {
|
|
153
|
+
font-family: inherit; /* 1 */
|
|
154
|
+
font-size: 100%; /* 1 */
|
|
155
|
+
line-height: 1.15; /* 1 */
|
|
156
|
+
margin: 0; /* 2 */
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/**
|
|
160
|
+
* Show the overflow in IE.
|
|
161
|
+
*/
|
|
162
|
+
button {
|
|
163
|
+
overflow: visible;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
168
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
|
169
|
+
*/
|
|
170
|
+
button,
|
|
171
|
+
select { /* 1 */
|
|
172
|
+
text-transform: none;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
/**
|
|
176
|
+
* Correct the inability to style clickable types in iOS and Safari.
|
|
177
|
+
*/
|
|
178
|
+
button,
|
|
179
|
+
[type=button],
|
|
180
|
+
[type=reset],
|
|
181
|
+
[type=submit] {
|
|
182
|
+
-webkit-appearance: button;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
button,
|
|
186
|
+
[type=button],
|
|
187
|
+
[type=reset],
|
|
188
|
+
[type=submit] {
|
|
189
|
+
/**
|
|
190
|
+
* Remove the inner border and padding in Firefox.
|
|
191
|
+
*/
|
|
192
|
+
}
|
|
193
|
+
button::-moz-focus-inner,
|
|
194
|
+
[type=button]::-moz-focus-inner,
|
|
195
|
+
[type=reset]::-moz-focus-inner,
|
|
196
|
+
[type=submit]::-moz-focus-inner {
|
|
197
|
+
border-style: none;
|
|
198
|
+
padding: 0;
|
|
199
|
+
}
|
|
200
|
+
button,
|
|
201
|
+
[type=button],
|
|
202
|
+
[type=reset],
|
|
203
|
+
[type=submit] {
|
|
204
|
+
/**
|
|
205
|
+
* Restore the focus styles unset by the previous rule.
|
|
206
|
+
*/
|
|
207
|
+
}
|
|
208
|
+
button:-moz-focusring,
|
|
209
|
+
[type=button]:-moz-focusring,
|
|
210
|
+
[type=reset]:-moz-focusring,
|
|
211
|
+
[type=submit]:-moz-focusring {
|
|
212
|
+
outline: 1px dotted ButtonText;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Show the overflow in Edge.
|
|
217
|
+
*/
|
|
218
|
+
input {
|
|
219
|
+
overflow: visible;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
/**
|
|
223
|
+
* 1. Add the correct box sizing in IE 10.
|
|
224
|
+
* 2. Remove the padding in IE 10.
|
|
225
|
+
*/
|
|
226
|
+
[type=checkbox],
|
|
227
|
+
[type=radio] {
|
|
228
|
+
box-sizing: border-box; /* 1 */
|
|
229
|
+
padding: 0; /* 2 */
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
/**
|
|
233
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
234
|
+
*/
|
|
235
|
+
[type=number]::-webkit-inner-spin-button,
|
|
236
|
+
[type=number]::-webkit-outer-spin-button {
|
|
237
|
+
height: auto;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
/**
|
|
241
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
242
|
+
* 2. Correct the outline style in Safari.
|
|
243
|
+
*/
|
|
244
|
+
[type=search] {
|
|
245
|
+
-webkit-appearance: textfield; /* 1 */
|
|
246
|
+
outline-offset: -2px; /* 2 */
|
|
247
|
+
/**
|
|
248
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
249
|
+
*/
|
|
250
|
+
}
|
|
251
|
+
[type=search]::-webkit-search-decoration {
|
|
252
|
+
-webkit-appearance: none;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/**
|
|
256
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
257
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
258
|
+
*/
|
|
259
|
+
::-webkit-file-upload-button {
|
|
260
|
+
-webkit-appearance: button; /* 1 */
|
|
261
|
+
font: inherit; /* 2 */
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
/**
|
|
265
|
+
* Correct the padding in Firefox.
|
|
266
|
+
*/
|
|
267
|
+
fieldset {
|
|
268
|
+
padding: 0.35em 0.75em 0.625em;
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
/**
|
|
272
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
273
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
274
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
|
275
|
+
* `fieldset` elements in all browsers.
|
|
276
|
+
*/
|
|
277
|
+
legend {
|
|
278
|
+
box-sizing: border-box; /* 1 */
|
|
279
|
+
display: table; /* 1 */
|
|
280
|
+
max-width: 100%; /* 1 */
|
|
281
|
+
padding: 0; /* 3 */
|
|
282
|
+
color: inherit; /* 2 */
|
|
283
|
+
white-space: normal; /* 1 */
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/**
|
|
287
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
288
|
+
*/
|
|
289
|
+
progress {
|
|
290
|
+
vertical-align: baseline;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
/**
|
|
294
|
+
* Remove the default vertical scrollbar in IE 10+.
|
|
295
|
+
*/
|
|
296
|
+
textarea {
|
|
297
|
+
overflow: auto;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/* Interactive
|
|
301
|
+
========================================================================== */
|
|
302
|
+
/*
|
|
303
|
+
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
304
|
+
*/
|
|
305
|
+
details {
|
|
306
|
+
display: block;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
/*
|
|
310
|
+
* Add the correct display in all browsers.
|
|
311
|
+
*/
|
|
312
|
+
summary {
|
|
313
|
+
display: list-item;
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
/* Misc
|
|
317
|
+
========================================================================== */
|
|
318
|
+
/**
|
|
319
|
+
* Add the correct display in IE.
|
|
320
|
+
*/
|
|
321
|
+
template {
|
|
322
|
+
display: none;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
/**
|
|
326
|
+
* Add the correct display in IE 10.
|
|
327
|
+
*/
|
|
328
|
+
[hidden] {
|
|
329
|
+
display: none;
|
|
330
|
+
}
|
|
331
|
+
|
|
1
332
|
.sky-theme-modern.sky-theme-brand-base {
|
|
2
333
|
--sky-theme-space-inline-l: var(--sky-space-inline-l);
|
|
3
334
|
--sky-theme-space-inline-m: var(--sky-space-inline-m);
|
|
@@ -279,11 +610,11 @@
|
|
|
279
610
|
--sky-theme-font-line_height-display-2: inherit;
|
|
280
611
|
--sky-theme-font-line_height-display-3: inherit;
|
|
281
612
|
--sky-theme-font-line_height-display-4: inherit;
|
|
282
|
-
--sky-theme-font-line_height-heading-1:
|
|
283
|
-
--sky-theme-font-line_height-heading-2:
|
|
284
|
-
--sky-theme-font-line_height-heading-3:
|
|
285
|
-
--sky-theme-font-line_height-heading-4:
|
|
286
|
-
--sky-theme-font-line_height-heading-5:
|
|
613
|
+
--sky-theme-font-line_height-heading-1: 1.1;
|
|
614
|
+
--sky-theme-font-line_height-heading-2: 1.1;
|
|
615
|
+
--sky-theme-font-line_height-heading-3: 1.1;
|
|
616
|
+
--sky-theme-font-line_height-heading-4: 1.1;
|
|
617
|
+
--sky-theme-font-line_height-heading-5: 1.1;
|
|
287
618
|
--sky-theme-font-line_height-hint-m: inherit;
|
|
288
619
|
--sky-theme-font-line_height-hint-s: inherit;
|
|
289
620
|
--sky-theme-font-line_height-paragraph-m: normal;
|
|
@@ -1072,435 +1403,104 @@ em {
|
|
|
1072
1403
|
border-right: var(--sky-theme-border-divider-soft);
|
|
1073
1404
|
}
|
|
1074
1405
|
|
|
1075
|
-
.sky-theme-border-divider-soft-bottom {
|
|
1076
|
-
border-bottom: var(--sky-theme-border-divider-soft);
|
|
1077
|
-
}
|
|
1078
|
-
|
|
1079
|
-
.sky-theme-border-divider-soft-left {
|
|
1080
|
-
border-left: var(--sky-theme-border-divider-soft);
|
|
1081
|
-
}
|
|
1082
|
-
|
|
1083
|
-
.sky-theme-border-danger-top {
|
|
1084
|
-
border-top: var(--sky-theme-border-danger);
|
|
1085
|
-
}
|
|
1086
|
-
|
|
1087
|
-
.sky-theme-border-danger-right {
|
|
1088
|
-
border-right: var(--sky-theme-border-danger);
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
.sky-theme-border-danger-bottom {
|
|
1092
|
-
border-bottom: var(--sky-theme-border-danger);
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
.sky-theme-border-danger-left {
|
|
1096
|
-
border-left: var(--sky-theme-border-danger);
|
|
1097
|
-
}
|
|
1098
|
-
|
|
1099
|
-
.sky-theme-border-info-top {
|
|
1100
|
-
border-top: var(--sky-theme-border-info);
|
|
1101
|
-
}
|
|
1102
|
-
|
|
1103
|
-
.sky-theme-border-info-right {
|
|
1104
|
-
border-right: var(--sky-theme-border-info);
|
|
1105
|
-
}
|
|
1106
|
-
|
|
1107
|
-
.sky-theme-border-info-bottom {
|
|
1108
|
-
border-bottom: var(--sky-theme-border-info);
|
|
1109
|
-
}
|
|
1110
|
-
|
|
1111
|
-
.sky-theme-border-info-left {
|
|
1112
|
-
border-left: var(--sky-theme-border-info);
|
|
1113
|
-
}
|
|
1114
|
-
|
|
1115
|
-
.sky-theme-border-success-top {
|
|
1116
|
-
border-top: var(--sky-theme-border-success);
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
.sky-theme-border-success-right {
|
|
1120
|
-
border-right: var(--sky-theme-border-success);
|
|
1121
|
-
}
|
|
1122
|
-
|
|
1123
|
-
.sky-theme-border-success-bottom {
|
|
1124
|
-
border-bottom: var(--sky-theme-border-success);
|
|
1125
|
-
}
|
|
1126
|
-
|
|
1127
|
-
.sky-theme-border-success-left {
|
|
1128
|
-
border-left: var(--sky-theme-border-success);
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
.sky-theme-border-warning-top {
|
|
1132
|
-
border-top: var(--sky-theme-border-warning);
|
|
1133
|
-
}
|
|
1134
|
-
|
|
1135
|
-
.sky-theme-border-warning-right {
|
|
1136
|
-
border-right: var(--sky-theme-border-warning);
|
|
1137
|
-
}
|
|
1138
|
-
|
|
1139
|
-
.sky-theme-border-warning-bottom {
|
|
1140
|
-
border-bottom: var(--sky-theme-border-warning);
|
|
1141
|
-
}
|
|
1142
|
-
|
|
1143
|
-
.sky-theme-border-warning-left {
|
|
1144
|
-
border-left: var(--sky-theme-border-warning);
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
.sky-theme-border-width-emphasized {
|
|
1148
|
-
border-width: var(--sky-theme-border-width-emphasized);
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
|
-
.sky-theme-border-width-accent {
|
|
1152
|
-
border-width: var(--sky-theme-border-width-accent);
|
|
1153
|
-
}
|
|
1154
|
-
|
|
1155
|
-
.sky-theme-border-radius-xs {
|
|
1156
|
-
border-radius: var(--sky-theme-border-radius-xs);
|
|
1157
|
-
}
|
|
1158
|
-
|
|
1159
|
-
.sky-theme-border-radius-s {
|
|
1160
|
-
border-radius: var(--sky-theme-border-radius-s);
|
|
1161
|
-
}
|
|
1162
|
-
|
|
1163
|
-
.sky-theme-border-radius-m {
|
|
1164
|
-
border-radius: var(--sky-theme-border-radius-m);
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
.sky-theme-border-radius-pill {
|
|
1168
|
-
border-radius: var(--sky-theme-border-radius-pill);
|
|
1169
|
-
}
|
|
1170
|
-
|
|
1171
|
-
.sky-theme-border-radius-round {
|
|
1172
|
-
border-radius: var(--sky-theme-border-radius-round);
|
|
1173
|
-
}
|
|
1174
|
-
|
|
1175
|
-
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
|
|
1176
|
-
/* Document
|
|
1177
|
-
========================================================================== */
|
|
1178
|
-
/**
|
|
1179
|
-
* 1. Correct the line height in all browsers.
|
|
1180
|
-
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
1181
|
-
*/
|
|
1182
|
-
html {
|
|
1183
|
-
line-height: 1.15; /* 1 */
|
|
1184
|
-
-webkit-text-size-adjust: 100%; /* 2 */
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
/* Sections
|
|
1188
|
-
========================================================================== */
|
|
1189
|
-
/**
|
|
1190
|
-
* Remove the margin in all browsers.
|
|
1191
|
-
*/
|
|
1192
|
-
body {
|
|
1193
|
-
margin: 0;
|
|
1194
|
-
}
|
|
1195
|
-
|
|
1196
|
-
/**
|
|
1197
|
-
* Render the `main` element consistently in IE.
|
|
1198
|
-
*/
|
|
1199
|
-
main {
|
|
1200
|
-
display: block;
|
|
1201
|
-
}
|
|
1202
|
-
|
|
1203
|
-
/**
|
|
1204
|
-
* Correct the font size and margin on `h1` elements within `section` and
|
|
1205
|
-
* `article` contexts in Chrome, Firefox, and Safari.
|
|
1206
|
-
*/
|
|
1207
|
-
h1 {
|
|
1208
|
-
font-size: 2em;
|
|
1209
|
-
margin: 0.67em 0;
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
/* Grouping content
|
|
1213
|
-
========================================================================== */
|
|
1214
|
-
/**
|
|
1215
|
-
* 1. Add the correct box sizing in Firefox.
|
|
1216
|
-
* 2. Show the overflow in Edge and IE.
|
|
1217
|
-
*/
|
|
1218
|
-
hr {
|
|
1219
|
-
box-sizing: content-box; /* 1 */
|
|
1220
|
-
height: 0; /* 1 */
|
|
1221
|
-
overflow: visible; /* 2 */
|
|
1222
|
-
}
|
|
1223
|
-
|
|
1224
|
-
/**
|
|
1225
|
-
* Add the correct display in IE.
|
|
1226
|
-
*/
|
|
1227
|
-
main {
|
|
1228
|
-
display: block;
|
|
1229
|
-
}
|
|
1230
|
-
|
|
1231
|
-
/**
|
|
1232
|
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
1233
|
-
* 2. Correct the odd `em` font sizing in all browsers.
|
|
1234
|
-
*/
|
|
1235
|
-
pre {
|
|
1236
|
-
font-family: monospace, monospace; /* 1 */
|
|
1237
|
-
font-size: 1em; /* 2 */
|
|
1238
|
-
}
|
|
1239
|
-
|
|
1240
|
-
/* Links
|
|
1241
|
-
========================================================================== */
|
|
1242
|
-
/**
|
|
1243
|
-
* Remove the gray background on active links in IE 10.
|
|
1244
|
-
*/
|
|
1245
|
-
a {
|
|
1246
|
-
background-color: transparent;
|
|
1247
|
-
}
|
|
1248
|
-
|
|
1249
|
-
/* Text-level semantics
|
|
1250
|
-
========================================================================== */
|
|
1251
|
-
/**
|
|
1252
|
-
* 1. Remove the bottom border in Chrome 57-
|
|
1253
|
-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
1254
|
-
*/
|
|
1255
|
-
abbr[title] {
|
|
1256
|
-
border-bottom: none; /* 1 */
|
|
1257
|
-
text-decoration: underline; /* 2 */
|
|
1258
|
-
text-decoration: underline dotted; /* 2 */
|
|
1259
|
-
}
|
|
1260
|
-
|
|
1261
|
-
/**
|
|
1262
|
-
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
1263
|
-
*/
|
|
1264
|
-
b,
|
|
1265
|
-
strong {
|
|
1266
|
-
font-weight: bolder;
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1269
|
-
/**
|
|
1270
|
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
1271
|
-
* 2. Correct the odd `em` font sizing in all browsers.
|
|
1272
|
-
*/
|
|
1273
|
-
code,
|
|
1274
|
-
kbd,
|
|
1275
|
-
samp {
|
|
1276
|
-
font-family: monospace, monospace; /* 1 */
|
|
1277
|
-
font-size: 1em; /* 2 */
|
|
1278
|
-
}
|
|
1279
|
-
|
|
1280
|
-
/**
|
|
1281
|
-
* Add the correct font size in all browsers.
|
|
1282
|
-
*/
|
|
1283
|
-
small {
|
|
1284
|
-
font-size: 80%;
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
/**
|
|
1288
|
-
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
1289
|
-
* all browsers.
|
|
1290
|
-
*/
|
|
1291
|
-
sub,
|
|
1292
|
-
sup {
|
|
1293
|
-
font-size: 75%;
|
|
1294
|
-
line-height: 0;
|
|
1295
|
-
position: relative;
|
|
1296
|
-
vertical-align: baseline;
|
|
1406
|
+
.sky-theme-border-divider-soft-bottom {
|
|
1407
|
+
border-bottom: var(--sky-theme-border-divider-soft);
|
|
1297
1408
|
}
|
|
1298
1409
|
|
|
1299
|
-
|
|
1300
|
-
|
|
1410
|
+
.sky-theme-border-divider-soft-left {
|
|
1411
|
+
border-left: var(--sky-theme-border-divider-soft);
|
|
1301
1412
|
}
|
|
1302
1413
|
|
|
1303
|
-
|
|
1304
|
-
top: -
|
|
1414
|
+
.sky-theme-border-danger-top {
|
|
1415
|
+
border-top: var(--sky-theme-border-danger);
|
|
1305
1416
|
}
|
|
1306
1417
|
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
/**
|
|
1310
|
-
* Remove the border on images inside links in IE 10.
|
|
1311
|
-
*/
|
|
1312
|
-
img {
|
|
1313
|
-
border-style: none;
|
|
1418
|
+
.sky-theme-border-danger-right {
|
|
1419
|
+
border-right: var(--sky-theme-border-danger);
|
|
1314
1420
|
}
|
|
1315
1421
|
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
/**
|
|
1319
|
-
* 1. Change the font styles in all browsers.
|
|
1320
|
-
* 2. Remove the margin in Firefox and Safari.
|
|
1321
|
-
*/
|
|
1322
|
-
button,
|
|
1323
|
-
input,
|
|
1324
|
-
optgroup,
|
|
1325
|
-
select,
|
|
1326
|
-
textarea {
|
|
1327
|
-
font-family: inherit; /* 1 */
|
|
1328
|
-
font-size: 100%; /* 1 */
|
|
1329
|
-
line-height: 1.15; /* 1 */
|
|
1330
|
-
margin: 0; /* 2 */
|
|
1422
|
+
.sky-theme-border-danger-bottom {
|
|
1423
|
+
border-bottom: var(--sky-theme-border-danger);
|
|
1331
1424
|
}
|
|
1332
1425
|
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
*/
|
|
1336
|
-
button {
|
|
1337
|
-
overflow: visible;
|
|
1426
|
+
.sky-theme-border-danger-left {
|
|
1427
|
+
border-left: var(--sky-theme-border-danger);
|
|
1338
1428
|
}
|
|
1339
1429
|
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
* 1. Remove the inheritance of text transform in Firefox.
|
|
1343
|
-
*/
|
|
1344
|
-
button,
|
|
1345
|
-
select { /* 1 */
|
|
1346
|
-
text-transform: none;
|
|
1430
|
+
.sky-theme-border-info-top {
|
|
1431
|
+
border-top: var(--sky-theme-border-info);
|
|
1347
1432
|
}
|
|
1348
1433
|
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
*/
|
|
1352
|
-
button,
|
|
1353
|
-
[type=button],
|
|
1354
|
-
[type=reset],
|
|
1355
|
-
[type=submit] {
|
|
1356
|
-
-webkit-appearance: button;
|
|
1434
|
+
.sky-theme-border-info-right {
|
|
1435
|
+
border-right: var(--sky-theme-border-info);
|
|
1357
1436
|
}
|
|
1358
1437
|
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
[type=reset],
|
|
1362
|
-
[type=submit] {
|
|
1363
|
-
/**
|
|
1364
|
-
* Remove the inner border and padding in Firefox.
|
|
1365
|
-
*/
|
|
1366
|
-
}
|
|
1367
|
-
button::-moz-focus-inner,
|
|
1368
|
-
[type=button]::-moz-focus-inner,
|
|
1369
|
-
[type=reset]::-moz-focus-inner,
|
|
1370
|
-
[type=submit]::-moz-focus-inner {
|
|
1371
|
-
border-style: none;
|
|
1372
|
-
padding: 0;
|
|
1438
|
+
.sky-theme-border-info-bottom {
|
|
1439
|
+
border-bottom: var(--sky-theme-border-info);
|
|
1373
1440
|
}
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
[type=submit] {
|
|
1378
|
-
/**
|
|
1379
|
-
* Restore the focus styles unset by the previous rule.
|
|
1380
|
-
*/
|
|
1441
|
+
|
|
1442
|
+
.sky-theme-border-info-left {
|
|
1443
|
+
border-left: var(--sky-theme-border-info);
|
|
1381
1444
|
}
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
[type=submit]:-moz-focusring {
|
|
1386
|
-
outline: 1px dotted ButtonText;
|
|
1445
|
+
|
|
1446
|
+
.sky-theme-border-success-top {
|
|
1447
|
+
border-top: var(--sky-theme-border-success);
|
|
1387
1448
|
}
|
|
1388
1449
|
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
*/
|
|
1392
|
-
input {
|
|
1393
|
-
overflow: visible;
|
|
1450
|
+
.sky-theme-border-success-right {
|
|
1451
|
+
border-right: var(--sky-theme-border-success);
|
|
1394
1452
|
}
|
|
1395
1453
|
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
* 2. Remove the padding in IE 10.
|
|
1399
|
-
*/
|
|
1400
|
-
[type=checkbox],
|
|
1401
|
-
[type=radio] {
|
|
1402
|
-
box-sizing: border-box; /* 1 */
|
|
1403
|
-
padding: 0; /* 2 */
|
|
1454
|
+
.sky-theme-border-success-bottom {
|
|
1455
|
+
border-bottom: var(--sky-theme-border-success);
|
|
1404
1456
|
}
|
|
1405
1457
|
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
*/
|
|
1409
|
-
[type=number]::-webkit-inner-spin-button,
|
|
1410
|
-
[type=number]::-webkit-outer-spin-button {
|
|
1411
|
-
height: auto;
|
|
1458
|
+
.sky-theme-border-success-left {
|
|
1459
|
+
border-left: var(--sky-theme-border-success);
|
|
1412
1460
|
}
|
|
1413
1461
|
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
* 2. Correct the outline style in Safari.
|
|
1417
|
-
*/
|
|
1418
|
-
[type=search] {
|
|
1419
|
-
-webkit-appearance: textfield; /* 1 */
|
|
1420
|
-
outline-offset: -2px; /* 2 */
|
|
1421
|
-
/**
|
|
1422
|
-
* Remove the inner padding in Chrome and Safari on macOS.
|
|
1423
|
-
*/
|
|
1462
|
+
.sky-theme-border-warning-top {
|
|
1463
|
+
border-top: var(--sky-theme-border-warning);
|
|
1424
1464
|
}
|
|
1425
|
-
|
|
1426
|
-
|
|
1465
|
+
|
|
1466
|
+
.sky-theme-border-warning-right {
|
|
1467
|
+
border-right: var(--sky-theme-border-warning);
|
|
1427
1468
|
}
|
|
1428
1469
|
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
* 2. Change font properties to `inherit` in Safari.
|
|
1432
|
-
*/
|
|
1433
|
-
::-webkit-file-upload-button {
|
|
1434
|
-
-webkit-appearance: button; /* 1 */
|
|
1435
|
-
font: inherit; /* 2 */
|
|
1470
|
+
.sky-theme-border-warning-bottom {
|
|
1471
|
+
border-bottom: var(--sky-theme-border-warning);
|
|
1436
1472
|
}
|
|
1437
1473
|
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
*/
|
|
1441
|
-
fieldset {
|
|
1442
|
-
padding: 0.35em 0.75em 0.625em;
|
|
1474
|
+
.sky-theme-border-warning-left {
|
|
1475
|
+
border-left: var(--sky-theme-border-warning);
|
|
1443
1476
|
}
|
|
1444
1477
|
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
1448
|
-
* 3. Remove the padding so developers are not caught out when they zero out
|
|
1449
|
-
* `fieldset` elements in all browsers.
|
|
1450
|
-
*/
|
|
1451
|
-
legend {
|
|
1452
|
-
box-sizing: border-box; /* 1 */
|
|
1453
|
-
display: table; /* 1 */
|
|
1454
|
-
max-width: 100%; /* 1 */
|
|
1455
|
-
padding: 0; /* 3 */
|
|
1456
|
-
color: inherit; /* 2 */
|
|
1457
|
-
white-space: normal; /* 1 */
|
|
1478
|
+
.sky-theme-border-width-emphasized {
|
|
1479
|
+
border-width: var(--sky-theme-border-width-emphasized);
|
|
1458
1480
|
}
|
|
1459
1481
|
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
*/
|
|
1463
|
-
progress {
|
|
1464
|
-
vertical-align: baseline;
|
|
1482
|
+
.sky-theme-border-width-accent {
|
|
1483
|
+
border-width: var(--sky-theme-border-width-accent);
|
|
1465
1484
|
}
|
|
1466
1485
|
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
*/
|
|
1470
|
-
textarea {
|
|
1471
|
-
overflow: auto;
|
|
1486
|
+
.sky-theme-border-radius-xs {
|
|
1487
|
+
border-radius: var(--sky-theme-border-radius-xs);
|
|
1472
1488
|
}
|
|
1473
1489
|
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
/*
|
|
1477
|
-
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
1478
|
-
*/
|
|
1479
|
-
details {
|
|
1480
|
-
display: block;
|
|
1490
|
+
.sky-theme-border-radius-s {
|
|
1491
|
+
border-radius: var(--sky-theme-border-radius-s);
|
|
1481
1492
|
}
|
|
1482
1493
|
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
*/
|
|
1486
|
-
summary {
|
|
1487
|
-
display: list-item;
|
|
1494
|
+
.sky-theme-border-radius-m {
|
|
1495
|
+
border-radius: var(--sky-theme-border-radius-m);
|
|
1488
1496
|
}
|
|
1489
1497
|
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
/**
|
|
1493
|
-
* Add the correct display in IE.
|
|
1494
|
-
*/
|
|
1495
|
-
template {
|
|
1496
|
-
display: none;
|
|
1498
|
+
.sky-theme-border-radius-pill {
|
|
1499
|
+
border-radius: var(--sky-theme-border-radius-pill);
|
|
1497
1500
|
}
|
|
1498
1501
|
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
*/
|
|
1502
|
-
[hidden] {
|
|
1503
|
-
display: none;
|
|
1502
|
+
.sky-theme-border-radius-round {
|
|
1503
|
+
border-radius: var(--sky-theme-border-radius-round);
|
|
1504
1504
|
}
|
|
1505
1505
|
|
|
1506
1506
|
html {
|
|
@@ -3158,47 +3158,10 @@ body {
|
|
|
3158
3158
|
color: var(--sky-text-color-default);
|
|
3159
3159
|
}
|
|
3160
3160
|
|
|
3161
|
-
h1,
|
|
3162
|
-
h2,
|
|
3163
|
-
h3,
|
|
3164
|
-
h4,
|
|
3165
|
-
h5,
|
|
3166
|
-
h6 {
|
|
3167
|
-
font-weight: 400;
|
|
3168
|
-
line-height: 1.1;
|
|
3169
|
-
}
|
|
3170
|
-
|
|
3171
|
-
h2 {
|
|
3172
|
-
font-size: 26px;
|
|
3173
|
-
font-weight: 300;
|
|
3174
|
-
}
|
|
3175
|
-
|
|
3176
|
-
h3 {
|
|
3177
|
-
font-size: 19px;
|
|
3178
|
-
color: var(--sky-text-color-deemphasized);
|
|
3179
|
-
}
|
|
3180
|
-
|
|
3181
|
-
h4 {
|
|
3182
|
-
font-size: 14px;
|
|
3183
|
-
}
|
|
3184
|
-
|
|
3185
|
-
h5 {
|
|
3186
|
-
font-size: 12px;
|
|
3187
|
-
}
|
|
3188
|
-
|
|
3189
3161
|
h6 {
|
|
3190
3162
|
font-size: 10px;
|
|
3191
|
-
}
|
|
3192
|
-
|
|
3193
|
-
h4,
|
|
3194
|
-
h5,
|
|
3195
|
-
h6 {
|
|
3196
3163
|
font-weight: 600;
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
h1 {
|
|
3200
|
-
font-size: 34px;
|
|
3201
|
-
font-weight: 300;
|
|
3164
|
+
line-height: 1.1;
|
|
3202
3165
|
}
|
|
3203
3166
|
|
|
3204
3167
|
[hidden] {
|
|
@@ -3422,7 +3385,6 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
3422
3385
|
font-weight: 600;
|
|
3423
3386
|
}
|
|
3424
3387
|
|
|
3425
|
-
h1,
|
|
3426
3388
|
.sky-font-heading-1 {
|
|
3427
3389
|
font-family: "BLKB Sans Condensed", "Helvetica Neue Condensed", "Arial Narrow";
|
|
3428
3390
|
color: var(--sky-text-color-default);
|
|
@@ -3430,7 +3392,6 @@ h1,
|
|
|
3430
3392
|
font-size: 34px;
|
|
3431
3393
|
}
|
|
3432
3394
|
|
|
3433
|
-
h2,
|
|
3434
3395
|
.sky-font-heading-2 {
|
|
3435
3396
|
font-family: "BLKB Sans Condensed", "Helvetica Neue Condensed", "Arial Narrow";
|
|
3436
3397
|
color: var(--sky-text-color-default);
|
|
@@ -3438,7 +3399,6 @@ h2,
|
|
|
3438
3399
|
font-size: 26px;
|
|
3439
3400
|
}
|
|
3440
3401
|
|
|
3441
|
-
h3,
|
|
3442
3402
|
.sky-font-heading-3 {
|
|
3443
3403
|
font-family: "BLKB Sans", "Helvetica Neue", Arial, sans-serif;
|
|
3444
3404
|
color: var(--sky-text-color-deemphasized);
|
|
@@ -3446,7 +3406,6 @@ h3,
|
|
|
3446
3406
|
font-size: 19px;
|
|
3447
3407
|
}
|
|
3448
3408
|
|
|
3449
|
-
h4,
|
|
3450
3409
|
.sky-font-heading-4 {
|
|
3451
3410
|
font-family: "BLKB Sans", "Helvetica Neue", Arial, sans-serif;
|
|
3452
3411
|
color: var(--sky-text-color-default);
|
|
@@ -3454,7 +3413,6 @@ h4,
|
|
|
3454
3413
|
font-size: 16px;
|
|
3455
3414
|
}
|
|
3456
3415
|
|
|
3457
|
-
h5,
|
|
3458
3416
|
.sky-font-heading-5 {
|
|
3459
3417
|
font-family: "BLKB Sans", "Helvetica Neue", Arial, sans-serif;
|
|
3460
3418
|
color: var(--sky-text-color-deemphasized);
|
|
@@ -253,15 +253,15 @@
|
|
|
253
253
|
--bb-font-weight-light: 300;
|
|
254
254
|
--bb-font-weight-regular: 400;
|
|
255
255
|
--bb-font-weight-semibold: 600;
|
|
256
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
257
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
258
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
259
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
260
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
261
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
262
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
263
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
264
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
256
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/bb-logo.png');
|
|
257
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
258
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
259
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
260
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
261
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
262
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
263
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
264
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
265
265
|
--bb-letter_spacing-normal: normal;
|
|
266
266
|
--bb-letter_spacing-wider: 0.01rem;
|
|
267
267
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -1878,15 +1878,15 @@
|
|
|
1878
1878
|
--bb-font-weight-light: 300;
|
|
1879
1879
|
--bb-font-weight-regular: 400;
|
|
1880
1880
|
--bb-font-weight-semibold: 600;
|
|
1881
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1882
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1883
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1884
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1885
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1886
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1887
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1888
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1889
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.
|
|
1881
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/bb-logo.png');
|
|
1882
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
1883
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
1884
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
1885
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
1886
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
1887
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
1888
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
1889
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/5.6.0/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
1890
1890
|
--bb-letter_spacing-normal: normal;
|
|
1891
1891
|
--bb-letter_spacing-wider: 0.01rem;
|
|
1892
1892
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -3199,7 +3199,6 @@ body.sky-theme-modern {
|
|
|
3199
3199
|
outline: none;
|
|
3200
3200
|
box-shadow: 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus);
|
|
3201
3201
|
}
|
|
3202
|
-
.sky-theme-modern h1,
|
|
3203
3202
|
.sky-theme-modern .sky-font-heading-1 {
|
|
3204
3203
|
color: var(--sky-color-text-heading);
|
|
3205
3204
|
font-family: var(--sky-font-family-primary);
|
|
@@ -3207,7 +3206,6 @@ body.sky-theme-modern {
|
|
|
3207
3206
|
font-weight: var(--sky-font-style-heading-1);
|
|
3208
3207
|
line-height: var(--sky-font-line_height-heading-1);
|
|
3209
3208
|
}
|
|
3210
|
-
.sky-theme-modern h2,
|
|
3211
3209
|
.sky-theme-modern .sky-font-heading-2 {
|
|
3212
3210
|
color: var(--sky-color-text-heading);
|
|
3213
3211
|
font-family: var(--sky-font-family-primary);
|
|
@@ -3215,14 +3213,12 @@ body.sky-theme-modern {
|
|
|
3215
3213
|
font-weight: var(--sky-font-style-heading-2);
|
|
3216
3214
|
line-height: var(--sky-font-line_height-heading-2);
|
|
3217
3215
|
}
|
|
3218
|
-
.sky-theme-modern h3,
|
|
3219
3216
|
.sky-theme-modern .sky-font-heading-3 {
|
|
3220
3217
|
color: var(--sky-color-text-heading);
|
|
3221
3218
|
font-size: var(--sky-font-size-heading-3);
|
|
3222
3219
|
font-weight: var(--sky-font-style-heading-3);
|
|
3223
3220
|
line-height: var(--sky-font-line_height-heading-3);
|
|
3224
3221
|
}
|
|
3225
|
-
.sky-theme-modern h4,
|
|
3226
3222
|
.sky-theme-modern .sky-font-heading-4 {
|
|
3227
3223
|
color: var(--sky-color-text-heading);
|
|
3228
3224
|
font-size: var(--sky-font-size-heading-4);
|
|
@@ -3230,7 +3226,6 @@ body.sky-theme-modern {
|
|
|
3230
3226
|
text-transform: none;
|
|
3231
3227
|
line-height: var(--sky-font-line_height-heading-4);
|
|
3232
3228
|
}
|
|
3233
|
-
.sky-theme-modern h5,
|
|
3234
3229
|
.sky-theme-modern .sky-font-heading-5 {
|
|
3235
3230
|
color: var(--sky-color-text-heading);
|
|
3236
3231
|
font-size: var(--sky-font-size-heading-5);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.16",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@angular/core": "^21.2.0"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "5.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "5.6.0",
|
|
24
24
|
"fontfaceobserver": "2.3.0",
|
|
25
25
|
"tslib": "^2.8.1"
|
|
26
26
|
},
|