fomantic-ui-sass 2.7.1 → 2.7.2

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.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/Rakefile +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +20 -17
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +18 -17
  6. data/app/assets/javascripts/semantic-ui/dropdown.js +48 -42
  7. data/app/assets/javascripts/semantic-ui/form.js +59 -28
  8. data/app/assets/javascripts/semantic-ui/modal.js +13 -1
  9. data/app/assets/javascripts/semantic-ui/progress.js +5 -5
  10. data/app/assets/javascripts/semantic-ui/search.js +34 -28
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +5 -7
  12. data/app/assets/javascripts/semantic-ui/transition.js +46 -34
  13. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +7 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
  16. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +112 -112
  17. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -66
  19. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +21 -14
  20. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +2 -4
  24. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +464 -131
  25. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  26. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +8 -3
  27. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +227 -187
  28. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +26 -12
  29. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +68 -19
  30. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -17
  34. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +5 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +26 -0
  36. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +24 -118
  37. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +5 -5
  38. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  42. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -3
  43. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -4
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +68 -21
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  60. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  62. data/fomantic-ui-sass.gemspec +1 -1
  63. data/lib/fomantic/ui/sass/version.rb +2 -2
  64. metadata +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - List
2
+ * # Semantic UI 2.7.2 - List
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -53,7 +53,7 @@ ol.ui.list li,
53
53
  }
54
54
  ul.ui.list > li:first-child:after,
55
55
  ol.ui.list > li:first-child:after,
56
- .ui.list > .list > .item,
56
+ .ui.list > .list > .item:after,
57
57
  .ui.list > .item:after {
58
58
  content: '';
59
59
  display: block;
@@ -97,11 +97,14 @@ ol.ui.list ol li,
97
97
  display: table-cell;
98
98
  margin: 0;
99
99
  padding-top: 0;
100
- padding-right: 0.28571429em;
101
- vertical-align: top;
102
100
  -webkit-transition: color 0.1s ease;
103
101
  transition: color 0.1s ease;
104
102
  }
103
+ .ui.list .list > .item > i.icon:not(.loading),
104
+ .ui.list > .item > i.icon:not(.loading) {
105
+ padding-right: 0.28571429em;
106
+ vertical-align: top;
107
+ }
105
108
  .ui.list .list > .item > i.icon:only-child,
106
109
  .ui.list > .item > i.icon:only-child {
107
110
  display: inline-block;
@@ -146,6 +149,10 @@ ol.ui.list ol li,
146
149
  padding: 0 0 0 0.5em;
147
150
  vertical-align: top;
148
151
  }
152
+ .ui.list .list > .item > .loading.icon + .content,
153
+ .ui.list > .item > .loading.icon + .content {
154
+ padding-left: calc(0.2857142857142857em + 0.5em);
155
+ }
149
156
  .ui.list .list > .item > img.image + .content,
150
157
  .ui.list > .item > img.image + .content {
151
158
  display: inline-block;
@@ -271,12 +278,12 @@ ol.ui.list ol li,
271
278
  }
272
279
  .ui.horizontal.list > .item {
273
280
  display: inline-block;
274
- margin-left: 1em;
281
+ margin-right: 1em;
275
282
  font-size: 1rem;
276
283
  }
277
- .ui.horizontal.list:not(.celled) > .item:first-child {
278
- margin-left: 0 !important;
279
- padding-left: 0 !important;
284
+ .ui.horizontal.list:not(.celled) > .item:last-child {
285
+ margin-right: 0;
286
+ padding-right: 0;
280
287
  }
281
288
  .ui.horizontal.list .list:not(.icon) {
282
289
  padding-left: 0;
@@ -677,6 +684,13 @@ ol.ui.horizontal.list li:before,
677
684
  margin: 0 0.5em 0 0;
678
685
  }
679
686
 
687
+ /* Suffixed Ordered */
688
+ ol.ui.suffixed.list li:before,
689
+ .ui.suffixed.ordered.list .list > .item:before,
690
+ .ui.suffixed.ordered.list > .item:before {
691
+ content: counters(ordered, ".") ".";
692
+ }
693
+
680
694
  /*-------------------
681
695
  Divided
682
696
  --------------------*/
@@ -738,7 +752,7 @@ ol.ui.horizontal.list li:before,
738
752
  .ui.divided.horizontal.list {
739
753
  margin-left: 0;
740
754
  }
741
- .ui.divided.horizontal.list > .item:not(:first-child) {
755
+ .ui.divided.horizontal.list > .item {
742
756
  padding-left: 0.5em;
743
757
  }
744
758
  .ui.divided.horizontal.list > .item:not(:last-child) {
@@ -746,12 +760,12 @@ ol.ui.horizontal.list li:before,
746
760
  }
747
761
  .ui.divided.horizontal.list > .item {
748
762
  border-top: none;
749
- border-left: 1px solid rgba(34, 36, 38, 0.15);
763
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
750
764
  margin: 0;
751
765
  line-height: 0.6;
752
766
  }
753
- .ui.horizontal.divided.list > .item:first-child {
754
- border-left: none;
767
+ .ui.horizontal.divided.list > .item:last-child {
768
+ border-right: none;
755
769
  }
756
770
 
757
771
  /* Inverted */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Loader
2
+ * # Semantic UI 2.7.2 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -141,23 +141,23 @@
141
141
 
142
142
 
143
143
  /* Show inside active dimmer */
144
- .ui.dimmer .loader {
144
+ .ui.dimmer > .loader {
145
145
  display: block;
146
146
  }
147
147
 
148
148
  /* Black Dimmer */
149
- .ui.dimmer .ui.loader {
149
+ .ui.dimmer > .ui.loader {
150
150
  color: rgba(255, 255, 255, 0.9);
151
151
  }
152
- .ui.dimmer .ui.loader:not(.elastic):before {
152
+ .ui.dimmer > .ui.loader:not(.elastic):before {
153
153
  border-color: rgba(255, 255, 255, 0.15);
154
154
  }
155
155
 
156
156
  /* White Dimmer (Inverted) */
157
- .ui.inverted.dimmer .ui.loader {
157
+ .ui.inverted.dimmer > .ui.loader {
158
158
  color: rgba(0, 0, 0, 0.87);
159
159
  }
160
- .ui.inverted.dimmer .ui.loader:not(.elastic):before {
160
+ .ui.inverted.dimmer > .ui.loader:not(.elastic):before {
161
161
  border-color: rgba(0, 0, 0, 0.1);
162
162
  }
163
163
 
@@ -171,9 +171,9 @@
171
171
  Text
172
172
  --------------------*/
173
173
 
174
- .ui.text.loader {
175
- width: auto !important;
176
- height: auto !important;
174
+ .ui.ui.ui.ui.text.loader {
175
+ width: auto;
176
+ height: auto;
177
177
  text-align: center;
178
178
  font-style: normal;
179
179
  }
@@ -209,49 +209,41 @@
209
209
 
210
210
 
211
211
  /* Loader */
212
- .ui.inverted.dimmer .ui.mini.loader,
213
212
  .ui.mini.loader {
214
213
  width: 1rem;
215
214
  height: 1rem;
216
215
  font-size: 0.78571429em;
217
216
  }
218
- .ui.inverted.dimmer .ui.tiny.loader,
219
217
  .ui.tiny.loader {
220
218
  width: 1.14285714rem;
221
219
  height: 1.14285714rem;
222
220
  font-size: 0.85714286em;
223
221
  }
224
- .ui.inverted.dimmer .ui.small.loader,
225
222
  .ui.small.loader {
226
223
  width: 1.71428571rem;
227
224
  height: 1.71428571rem;
228
225
  font-size: 0.92857143em;
229
226
  }
230
- .ui.inverted.dimmer .ui.loader,
231
227
  .ui.loader {
232
228
  width: 2.28571429rem;
233
229
  height: 2.28571429rem;
234
230
  font-size: 1em;
235
231
  }
236
- .ui.inverted.dimmer .ui.large.loader,
237
232
  .ui.large.loader {
238
233
  width: 3.42857143rem;
239
234
  height: 3.42857143rem;
240
235
  font-size: 1.14285714em;
241
236
  }
242
- .ui.inverted.dimmer .ui.big.loader,
243
237
  .ui.big.loader {
244
238
  width: 3.71428571rem;
245
239
  height: 3.71428571rem;
246
240
  font-size: 1.28571429em;
247
241
  }
248
- .ui.inverted.dimmer .ui.huge.loader,
249
242
  .ui.huge.loader {
250
243
  width: 4.14285714rem;
251
244
  height: 4.14285714rem;
252
245
  font-size: 1.42857143em;
253
246
  }
254
- .ui.inverted.dimmer .ui.massive.loader,
255
247
  .ui.massive.loader {
256
248
  width: 4.57142857rem;
257
249
  height: 4.57142857rem;
@@ -699,10 +691,10 @@
699
691
  Elastic
700
692
  --------------------*/
701
693
 
702
- .ui.dimmer .ui.elastic.loader {
694
+ .ui.dimmer > .ui.elastic.loader {
703
695
  color: #FFFFFF;
704
696
  }
705
- .ui.inverted.dimmer .ui.elastic.loader {
697
+ .ui.inverted.dimmer > .ui.elastic.loader {
706
698
  color: #767676;
707
699
  }
708
700
  .ui.elastic.loading.loading:not(.form):not(.segment):after,
@@ -720,6 +712,7 @@
720
712
  .ui.elastic.loader.loader:before {
721
713
  -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
722
714
  animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
715
+ -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
723
716
  border-right-color: transparent;
724
717
  }
725
718
  .ui.elastic.inline.loader:empty {
@@ -814,6 +807,62 @@
814
807
  transform: rotate(360deg);
815
808
  }
816
809
  }
810
+ @-webkit-keyframes currentcolor-elastic-loader {
811
+ 0%,
812
+ 1% {
813
+ border-left-color: transparent;
814
+ border-bottom-color: transparent;
815
+ }
816
+ 1.1%,
817
+ 50% {
818
+ border-left-color: currentColor;
819
+ }
820
+ 10%,
821
+ 35.1% {
822
+ border-bottom-color: transparent;
823
+ }
824
+ 10.1%,
825
+ 35% {
826
+ border-bottom-color: currentColor;
827
+ }
828
+ 50.1% {
829
+ border-left-color: transparent;
830
+ }
831
+ 100% {
832
+ border-left-color: transparent;
833
+ border-bottom-color: transparent;
834
+ -webkit-transform: rotate(360deg);
835
+ transform: rotate(360deg);
836
+ }
837
+ }
838
+ @keyframes currentcolor-elastic-loader {
839
+ 0%,
840
+ 1% {
841
+ border-left-color: transparent;
842
+ border-bottom-color: transparent;
843
+ }
844
+ 1.1%,
845
+ 50% {
846
+ border-left-color: currentColor;
847
+ }
848
+ 10%,
849
+ 35.1% {
850
+ border-bottom-color: transparent;
851
+ }
852
+ 10.1%,
853
+ 35% {
854
+ border-bottom-color: currentColor;
855
+ }
856
+ 50.1% {
857
+ border-left-color: transparent;
858
+ }
859
+ 100% {
860
+ border-left-color: transparent;
861
+ border-bottom-color: transparent;
862
+ -webkit-transform: rotate(360deg);
863
+ transform: rotate(360deg);
864
+ }
865
+ }
817
866
 
818
867
 
819
868
  /*******************************
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Loader
2
+ * # Semantic UI 2.7.2 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Rail
2
+ * # Semantic UI 2.7.2 - Rail
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Reveal
2
+ * # Semantic UI 2.7.2 - Reveal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Segment
2
+ * # Semantic UI 2.7.2 - Segment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -430,6 +430,10 @@
430
430
  border-radius: 0.28571429rem;
431
431
  border: 1px solid rgba(34, 36, 38, 0.15);
432
432
  }
433
+ .ui.stackable.horizontal.segments {
434
+ -ms-flex-wrap: wrap;
435
+ flex-wrap: wrap;
436
+ }
433
437
 
434
438
  /* Nested Horizontal Group */
435
439
  .ui.segments > .horizontal.segments {
@@ -463,7 +467,7 @@
463
467
  .ui.segments > .horizontal.segments:first-child {
464
468
  border-top: none;
465
469
  }
466
- .ui.horizontal.segments > .segment:first-child {
470
+ .ui.horizontal.segments:not(.stackable) > .segment:first-child {
467
471
  border-left: none;
468
472
  }
469
473
 
@@ -491,7 +495,6 @@
491
495
  cursor: default;
492
496
  pointer-events: none;
493
497
  text-shadow: none !important;
494
- color: transparent !important;
495
498
  -webkit-transition: all 0s linear;
496
499
  transition: all 0s linear;
497
500
  }
@@ -560,20 +563,6 @@
560
563
  Colors
561
564
  --------------------*/
562
565
 
563
- .ui.primary.segment.segment.segment.segment.segment:not(.inverted) {
564
- border-top: 2px solid #2185D0;
565
- }
566
- .ui.inverted.primary.segment.segment.segment.segment.segment {
567
- background-color: #2185D0;
568
- color: #FFFFFF;
569
- }
570
- .ui.secondary.segment.segment.segment.segment.segment:not(.inverted) {
571
- border-top: 2px solid rgba(0, 0, 0, 0.6);
572
- }
573
- .ui.inverted.secondary.segment.segment.segment.segment.segment {
574
- background-color: rgba(0, 0, 0, 0.6);
575
- color: #FFFFFF;
576
- }
577
566
  .ui.red.segment.segment.segment.segment.segment:not(.inverted) {
578
567
  border-top: 2px solid #DB2828;
579
568
  }
@@ -722,6 +711,14 @@
722
711
  border-color: #555555;
723
712
  }
724
713
 
714
+ /* Loading */
715
+ .ui.inverted.loading.segment {
716
+ color: #FFFFFF;
717
+ }
718
+ .ui.inverted.loading.segment:before {
719
+ background: rgba(0, 0, 0, 0.85);
720
+ }
721
+
725
722
  /*-------------------
726
723
  Emphasis
727
724
  --------------------*/
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Step
2
+ * # Semantic UI 2.7.2 - Step
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -32,6 +32,10 @@
32
32
  border-radius: 0.28571429rem;
33
33
  border: 1px solid rgba(34, 36, 38, 0.15);
34
34
  }
35
+ .ui.steps:not(.unstackable) {
36
+ -ms-flex-wrap: wrap;
37
+ flex-wrap: wrap;
38
+ }
35
39
 
36
40
  /* First Steps */
37
41
  .ui.steps:first-child {
@@ -107,6 +107,32 @@ span.ui.disabled.text {
107
107
  opacity: 0.45;
108
108
  }
109
109
 
110
+ /* Sizes */
111
+ span.ui.mini.text {
112
+ font-size: 0.4em;
113
+ }
114
+ span.ui.tiny.text {
115
+ font-size: 0.5em;
116
+ }
117
+ span.ui.small.text {
118
+ font-size: 0.75em;
119
+ }
120
+ span.ui.medium.text {
121
+ font-size: 1em;
122
+ }
123
+ span.ui.large.text {
124
+ font-size: 1.5em;
125
+ }
126
+ span.ui.big.text {
127
+ font-size: 2em;
128
+ }
129
+ span.ui.huge.text {
130
+ font-size: 4em;
131
+ }
132
+ span.ui.massive.text {
133
+ font-size: 8em;
134
+ }
135
+
110
136
 
111
137
  /*******************************
112
138
  Theme Overrides
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.7.1 - Reset
2
+ * # Semantic UI 2.7.2 - Reset
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -36,22 +36,18 @@ input[type="password"] {
36
36
 
37
37
  /* mobile firefox too! */
38
38
  }
39
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
39
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
40
40
 
41
41
  /* Document
42
42
  ========================================================================== */
43
43
  /**
44
44
  * 1. Correct the line height in all browsers.
45
- * 2. Prevent adjustments of font size after orientation changes in
46
- * IE on Windows Phone and in iOS.
45
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
47
46
  */
48
47
  html {
49
48
  line-height: 1.15;
50
49
 
51
50
  /* 1 */
52
- -ms-text-size-adjust: 100%;
53
-
54
- /* 2 */
55
51
  -webkit-text-size-adjust: 100%;
56
52
 
57
53
  /* 2 */
@@ -60,20 +56,15 @@ html {
60
56
  /* Sections
61
57
  ========================================================================== */
62
58
  /**
63
- * Remove the margin in all browsers (opinionated).
59
+ * Remove the margin in all browsers.
64
60
  */
65
61
  body {
66
62
  margin: 0;
67
63
  }
68
64
  /**
69
- * Add the correct display in IE 9-.
70
- */
71
- article,
72
- aside,
73
- footer,
74
- header,
75
- nav,
76
- section {
65
+ * Render the `main` element consistently in IE.
66
+ */
67
+ main {
77
68
  display: block;
78
69
  }
79
70
  /**
@@ -87,23 +78,6 @@ h1 {
87
78
 
88
79
  /* Grouping content
89
80
  ========================================================================== */
90
- /**
91
- * Add the correct display in IE 9-.
92
- * 1. Add the correct display in IE.
93
- */
94
- figcaption,
95
- figure,
96
- main {
97
-
98
- /* 1 */
99
- display: block;
100
- }
101
- /**
102
- * Add the correct margin in IE 8.
103
- */
104
- figure {
105
- margin: 1em 40px;
106
- }
107
81
  /**
108
82
  * 1. Add the correct box sizing in Firefox.
109
83
  * 2. Show the overflow in Edge and IE.
@@ -136,19 +110,13 @@ pre {
136
110
  /* Text-level semantics
137
111
  ========================================================================== */
138
112
  /**
139
- * 1. Remove the gray background on active links in IE 10.
140
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
113
+ * Remove the gray background on active links in IE 10.
141
114
  */
142
115
  a {
143
116
  background-color: transparent;
144
-
145
- /* 1 */
146
- -webkit-text-decoration-skip: objects;
147
-
148
- /* 2 */
149
117
  }
150
118
  /**
151
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
119
+ * 1. Remove the bottom border in Chrome 57-
152
120
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
153
121
  */
154
122
  abbr[title] {
@@ -163,13 +131,6 @@ abbr[title] {
163
131
 
164
132
  /* 2 */
165
133
  }
166
- /**
167
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
168
- */
169
- b,
170
- strong {
171
- font-weight: inherit;
172
- }
173
134
  /**
174
135
  * Add the correct font weight in Chrome, Edge, and Safari.
175
136
  */
@@ -191,19 +152,6 @@ samp {
191
152
 
192
153
  /* 2 */
193
154
  }
194
- /**
195
- * Add the correct font style in Android 4.3-.
196
- */
197
- dfn {
198
- font-style: italic;
199
- }
200
- /**
201
- * Add the correct background and color in IE 9-.
202
- */
203
- mark {
204
- background-color: #ff0;
205
- color: #000;
206
- }
207
155
  /**
208
156
  * Add the correct font size in all browsers.
209
157
  */
@@ -231,36 +179,16 @@ sup {
231
179
  /* Embedded content
232
180
  ========================================================================== */
233
181
  /**
234
- * Add the correct display in IE 9-.
235
- */
236
- audio,
237
- video {
238
- display: inline-block;
239
- }
240
- /**
241
- * Add the correct display in iOS 4-7.
242
- */
243
- audio:not([controls]) {
244
- display: none;
245
- height: 0;
246
- }
247
- /**
248
- * Remove the border on images inside links in IE 10-.
182
+ * Remove the border on images inside links in IE 10.
249
183
  */
250
184
  img {
251
185
  border-style: none;
252
186
  }
253
- /**
254
- * Hide the overflow in IE.
255
- */
256
- svg:not(:root) {
257
- overflow: hidden;
258
- }
259
187
 
260
188
  /* Forms
261
189
  ========================================================================== */
262
190
  /**
263
- * 1. Change the font styles in all browsers (opinionated).
191
+ * 1. Change the font styles in all browsers.
264
192
  * 2. Remove the margin in Firefox and Safari.
265
193
  */
266
194
  button,
@@ -268,7 +196,7 @@ input,
268
196
  optgroup,
269
197
  select,
270
198
  textarea {
271
- font-family: sans-serif;
199
+ font-family: inherit;
272
200
 
273
201
  /* 1 */
274
202
  font-size: 100%;
@@ -302,17 +230,13 @@ select {
302
230
  text-transform: none;
303
231
  }
304
232
  /**
305
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
306
- * controls in Android 4.
307
- * 2. Correct the inability to style clickable types in iOS and Safari.
233
+ * Correct the inability to style clickable types in iOS and Safari.
308
234
  */
309
235
  button,
310
- html [type="button"],
236
+ [type="button"],
311
237
  [type="reset"],
312
238
  [type="submit"] {
313
239
  -webkit-appearance: button;
314
-
315
- /* 2 */
316
240
  }
317
241
  /**
318
242
  * Remove the inner border and padding in Firefox.
@@ -367,26 +291,20 @@ legend {
367
291
  /* 1 */
368
292
  }
369
293
  /**
370
- * 1. Add the correct display in IE 9-.
371
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
294
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
372
295
  */
373
296
  progress {
374
- display: inline-block;
375
-
376
- /* 1 */
377
297
  vertical-align: baseline;
378
-
379
- /* 2 */
380
298
  }
381
299
  /**
382
- * Remove the default vertical scrollbar in IE.
300
+ * Remove the default vertical scrollbar in IE 10+.
383
301
  */
384
302
  textarea {
385
303
  overflow: auto;
386
304
  }
387
305
  /**
388
- * 1. Add the correct box sizing in IE 10-.
389
- * 2. Remove the padding in IE 10-.
306
+ * 1. Add the correct box sizing in IE 10.
307
+ * 2. Remove the padding in IE 10.
390
308
  */
391
309
  [type="checkbox"],
392
310
  [type="radio"] {
@@ -418,9 +336,8 @@ textarea {
418
336
  /* 2 */
419
337
  }
420
338
  /**
421
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
339
+ * Remove the inner padding in Chrome and Safari on macOS.
422
340
  */
423
- [type="search"]::-webkit-search-cancel-button,
424
341
  [type="search"]::-webkit-search-decoration {
425
342
  -webkit-appearance: none;
426
343
  }
@@ -440,11 +357,9 @@ textarea {
440
357
  /* Interactive
441
358
  ========================================================================== */
442
359
  /*
443
- * Add the correct display in IE 9-.
444
- * 1. Add the correct display in Edge, IE, and Firefox.
360
+ * Add the correct display in Edge, IE 10+, and Firefox.
445
361
  */
446
- details,
447
- menu {
362
+ details {
448
363
  display: block;
449
364
  }
450
365
  /*
@@ -454,25 +369,16 @@ summary {
454
369
  display: list-item;
455
370
  }
456
371
 
457
- /* Scripting
372
+ /* Misc
458
373
  ========================================================================== */
459
374
  /**
460
- * Add the correct display in IE 9-.
461
- */
462
- canvas {
463
- display: inline-block;
464
- }
465
- /**
466
- * Add the correct display in IE.
375
+ * Add the correct display in IE 10+.
467
376
  */
468
377
  template {
469
378
  display: none;
470
379
  }
471
-
472
- /* Hidden
473
- ========================================================================== */
474
380
  /**
475
- * Add the correct display in IE 10-.
381
+ * Add the correct display in IE 10.
476
382
  */
477
383
  [hidden] {
478
384
  display: none;