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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/Rakefile +1 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +20 -17
- data/app/assets/javascripts/semantic-ui/checkbox.js +18 -17
- data/app/assets/javascripts/semantic-ui/dropdown.js +48 -42
- data/app/assets/javascripts/semantic-ui/form.js +59 -28
- data/app/assets/javascripts/semantic-ui/modal.js +13 -1
- data/app/assets/javascripts/semantic-ui/progress.js +5 -5
- data/app/assets/javascripts/semantic-ui/search.js +34 -28
- data/app/assets/javascripts/semantic-ui/sidebar.js +5 -7
- data/app/assets/javascripts/semantic-ui/transition.js +46 -34
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +7 -1
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +112 -112
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +66 -66
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +21 -14
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +2 -4
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +464 -131
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +8 -3
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +227 -187
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +26 -12
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +68 -19
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +14 -17
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +5 -1
- data/app/assets/stylesheets/semantic-ui/elements/_text.scss +26 -0
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +24 -118
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +6 -3
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +68 -21
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/fomantic-ui-sass.gemspec +1 -1
- data/lib/fomantic/ui/sass/version.rb +2 -2
- metadata +3 -3
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.7.
|
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-
|
281
|
+
margin-right: 1em;
|
275
282
|
font-size: 1rem;
|
276
283
|
}
|
277
|
-
.ui.horizontal.list:not(.celled) > .item:
|
278
|
-
margin-
|
279
|
-
padding-
|
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
|
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-
|
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:
|
754
|
-
border-
|
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.
|
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
|
176
|
-
height: auto
|
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.
|
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.
|
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.
|
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
|
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
|
59
|
+
* Remove the margin in all browsers.
|
64
60
|
*/
|
65
61
|
body {
|
66
62
|
margin: 0;
|
67
63
|
}
|
68
64
|
/**
|
69
|
-
*
|
70
|
-
*/
|
71
|
-
|
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
|
-
*
|
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-
|
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
|
-
*
|
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
|
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:
|
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
|
-
*
|
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
|
-
|
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
|
-
*
|
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
|
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
|
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
|
-
/*
|
372
|
+
/* Misc
|
458
373
|
========================================================================== */
|
459
374
|
/**
|
460
|
-
* Add the correct display in IE
|
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;
|