@skyux/theme 11.0.0-alpha.5 → 11.0.0-alpha.7

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 CHANGED
@@ -1,37 +1,30 @@
1
1
  @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
2
- @import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.4.0/assets/css/skyux-icons.min.css");
2
+ @import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.5.0/assets/css/skyux-icons.min.css");
3
3
  /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
4
4
  /* Document
5
5
  ========================================================================== */
6
6
  /**
7
7
  * 1. Correct the line height in all browsers.
8
- * 2. Prevent adjustments of font size after orientation changes in
9
- * IE on Windows Phone and in iOS.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
10
9
  */
11
10
  html {
12
11
  line-height: 1.15; /* 1 */
13
- -ms-text-size-adjust: 100%; /* 2 */
14
12
  -webkit-text-size-adjust: 100%; /* 2 */
15
13
  }
16
14
 
17
15
  /* Sections
18
16
  ========================================================================== */
19
17
  /**
20
- * Remove the margin in all browsers (opinionated).
18
+ * Remove the margin in all browsers.
21
19
  */
22
20
  body {
23
21
  margin: 0;
24
22
  }
25
23
 
26
24
  /**
27
- * Add the correct display in IE 9-.
25
+ * Render the `main` element consistently in IE.
28
26
  */
29
- article,
30
- aside,
31
- footer,
32
- header,
33
- nav,
34
- section {
27
+ main {
35
28
  display: block;
36
29
  }
37
30
 
@@ -46,21 +39,6 @@ h1 {
46
39
 
47
40
  /* Grouping content
48
41
  ========================================================================== */
49
- /**
50
- * Add the correct display in IE 9-.
51
- */
52
- figcaption,
53
- figure {
54
- display: block;
55
- }
56
-
57
- /**
58
- * Add the correct margin in IE 8.
59
- */
60
- figure {
61
- margin: 1em 40px;
62
- }
63
-
64
42
  /**
65
43
  * 1. Add the correct box sizing in Firefox.
66
44
  * 2. Show the overflow in Edge and IE.
@@ -90,18 +68,16 @@ pre {
90
68
  /* Links
91
69
  ========================================================================== */
92
70
  /**
93
- * 1. Remove the gray background on active links in IE 10.
94
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
71
+ * Remove the gray background on active links in IE 10.
95
72
  */
96
73
  a {
97
- background-color: transparent; /* 1 */
98
- -webkit-text-decoration-skip: objects; /* 2 */
74
+ background-color: transparent;
99
75
  }
100
76
 
101
77
  /* Text-level semantics
102
78
  ========================================================================== */
103
79
  /**
104
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
80
+ * 1. Remove the bottom border in Chrome 57-
105
81
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
106
82
  */
107
83
  abbr[title] {
@@ -110,14 +86,6 @@ abbr[title] {
110
86
  text-decoration: underline dotted; /* 2 */
111
87
  }
112
88
 
113
- /**
114
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
115
- */
116
- b,
117
- strong {
118
- font-weight: inherit;
119
- }
120
-
121
89
  /**
122
90
  * Add the correct font weight in Chrome, Edge, and Safari.
123
91
  */
@@ -137,21 +105,6 @@ samp {
137
105
  font-size: 1em; /* 2 */
138
106
  }
139
107
 
140
- /**
141
- * Add the correct font style in Android 4.3-.
142
- */
143
- dfn {
144
- font-style: italic;
145
- }
146
-
147
- /**
148
- * Add the correct background and color in IE 9-.
149
- */
150
- mark {
151
- background-color: #ff0;
152
- color: #000;
153
- }
154
-
155
108
  /**
156
109
  * Add the correct font size in all browsers.
157
110
  */
@@ -182,39 +135,16 @@ sup {
182
135
  /* Embedded content
183
136
  ========================================================================== */
184
137
  /**
185
- * Add the correct display in IE 9-.
186
- */
187
- audio,
188
- video {
189
- display: inline-block;
190
- }
191
-
192
- /**
193
- * Add the correct display in iOS 4-7.
194
- */
195
- audio:not([controls]) {
196
- display: none;
197
- height: 0;
198
- }
199
-
200
- /**
201
- * Remove the border on images inside links in IE 10-.
138
+ * Remove the border on images inside links in IE 10.
202
139
  */
203
140
  img {
204
141
  border-style: none;
205
142
  }
206
143
 
207
- /**
208
- * Hide the overflow in IE.
209
- */
210
- svg:not(:root) {
211
- overflow: hidden;
212
- }
213
-
214
144
  /* Forms
215
145
  ========================================================================== */
216
146
  /**
217
- * 1. Change the font styles in all browsers (opinionated).
147
+ * 1. Change the font styles in all browsers.
218
148
  * 2. Remove the margin in Firefox and Safari.
219
149
  */
220
150
  button,
@@ -222,7 +152,7 @@ input,
222
152
  optgroup,
223
153
  select,
224
154
  textarea {
225
- font-family: sans-serif; /* 1 */
155
+ font-family: inherit; /* 1 */
226
156
  font-size: 100%; /* 1 */
227
157
  line-height: 1.15; /* 1 */
228
158
  margin: 0; /* 2 */
@@ -245,15 +175,13 @@ select { /* 1 */
245
175
  }
246
176
 
247
177
  /**
248
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
249
- * controls in Android 4.
250
- * 2. Correct the inability to style clickable types in iOS and Safari.
178
+ * Correct the inability to style clickable types in iOS and Safari.
251
179
  */
252
180
  button,
253
- html [type=button],
181
+ [type=button],
254
182
  [type=reset],
255
183
  [type=submit] {
256
- -webkit-appearance: button; /* 2 */
184
+ -webkit-appearance: button;
257
185
  }
258
186
 
259
187
  button,
@@ -289,8 +217,8 @@ input {
289
217
  }
290
218
 
291
219
  /**
292
- * 1. Add the correct box sizing in IE 10-.
293
- * 2. Remove the padding in IE 10-.
220
+ * 1. Add the correct box sizing in IE 10.
221
+ * 2. Remove the padding in IE 10.
294
222
  */
295
223
  [type=checkbox],
296
224
  [type=radio] {
@@ -314,10 +242,10 @@ input {
314
242
  -webkit-appearance: textfield; /* 1 */
315
243
  outline-offset: -2px; /* 2 */
316
244
  /**
317
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
245
+ * Remove the inner padding in Chrome and Safari on macOS.
318
246
  */
319
247
  }
320
- [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
248
+ [type=search]::-webkit-search-decoration {
321
249
  -webkit-appearance: none;
322
250
  }
323
251
 
@@ -353,16 +281,14 @@ legend {
353
281
  }
354
282
 
355
283
  /**
356
- * 1. Add the correct display in IE 9-.
357
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
284
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
358
285
  */
359
286
  progress {
360
- display: inline-block; /* 1 */
361
- vertical-align: baseline; /* 2 */
287
+ vertical-align: baseline;
362
288
  }
363
289
 
364
290
  /**
365
- * Remove the default vertical scrollbar in IE.
291
+ * Remove the default vertical scrollbar in IE 10+.
366
292
  */
367
293
  textarea {
368
294
  overflow: auto;
@@ -371,7 +297,7 @@ textarea {
371
297
  /* Interactive
372
298
  ========================================================================== */
373
299
  /*
374
- * Add the correct display in Edge, IE, and Firefox.
300
+ * Add the correct display in Edge, IE 10+, and Firefox.
375
301
  */
376
302
  details {
377
303
  display: block;
@@ -384,22 +310,8 @@ summary {
384
310
  display: list-item;
385
311
  }
386
312
 
387
- /*
388
- * Add the correct display in IE 9-.
389
- */
390
- menu {
391
- display: block;
392
- }
393
-
394
- /* Scripting
313
+ /* Misc
395
314
  ========================================================================== */
396
- /**
397
- * Add the correct display in IE 9-.
398
- */
399
- canvas {
400
- display: inline-block;
401
- }
402
-
403
315
  /**
404
316
  * Add the correct display in IE.
405
317
  */
@@ -407,10 +319,8 @@ template {
407
319
  display: none;
408
320
  }
409
321
 
410
- /* Hidden
411
- ========================================================================== */
412
322
  /**
413
- * Add the correct display in IE 10-.
323
+ * Add the correct display in IE 10.
414
324
  */
415
325
  [hidden] {
416
326
  display: none;