fomantic-ui-sass 2.7.1 → 2.7.2

Sign up to get free protection for your applications and to get access to all the features.
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;