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.
- 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;
|