semantic-ui-sass 2.3.1.1 → 2.4.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +4 -2
- data/CHANGELOG.md +126 -98
- data/README.md +56 -2
- data/app/assets/fonts/semantic-ui/icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/icons.otf +0 -0
- data/app/assets/fonts/semantic-ui/icons.svg +1515 -944
- data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.svg +366 -0
- data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
- data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
- data/app/assets/javascripts/semantic-ui/dimmer.js +27 -4
- data/app/assets/javascripts/semantic-ui/dropdown.js +41 -9
- data/app/assets/javascripts/semantic-ui/embed.js +11 -1
- data/app/assets/javascripts/semantic-ui/modal.js +85 -10
- data/app/assets/javascripts/semantic-ui/popup.js +14 -5
- data/app/assets/javascripts/semantic-ui/search.js +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +28 -28
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +2 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +153 -3
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +30 -31
- data/app/assets/stylesheets/semantic-ui/elements/_container_variables.scss +48 -0
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +36 -17
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +22 -22
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -1
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +239 -0
- 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 +65 -3
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +39 -37
- data/app/assets/stylesheets/semantic-ui/globals/_variables.scss +46 -2
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +27 -13
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +38 -29
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +60 -35
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +4 -2
- 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/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +4 -4
- 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 +4 -4
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +23 -26
- data/lib/semantic-ui-sass.rb +2 -2
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +2 -2
- data/spec/dummy/app/assets/config/manifest.js +3 -0
- data/tasks/converter.rb +29 -2
- metadata +21 -13
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.2 - Form
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -317,7 +317,7 @@
|
|
317
317
|
color: rgba(191, 191, 191, 0.87);
|
318
318
|
}
|
319
319
|
.ui.form :-ms-input-placeholder {
|
320
|
-
color: rgba(191, 191, 191, 0.87);
|
320
|
+
color: rgba(191, 191, 191, 0.87) !important;
|
321
321
|
}
|
322
322
|
.ui.form ::-moz-placeholder {
|
323
323
|
color: rgba(191, 191, 191, 0.87);
|
@@ -326,7 +326,7 @@
|
|
326
326
|
color: rgba(115, 115, 115, 0.87);
|
327
327
|
}
|
328
328
|
.ui.form :focus:-ms-input-placeholder {
|
329
|
-
color: rgba(115, 115, 115, 0.87);
|
329
|
+
color: rgba(115, 115, 115, 0.87) !important;
|
330
330
|
}
|
331
331
|
.ui.form :focus::-moz-placeholder {
|
332
332
|
color: rgba(115, 115, 115, 0.87);
|
@@ -835,7 +835,7 @@
|
|
835
835
|
}
|
836
836
|
|
837
837
|
/* Swap to full width on mobile */
|
838
|
-
@media only screen and (max-width:
|
838
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
839
839
|
.ui.form .fields {
|
840
840
|
-ms-flex-wrap: wrap;
|
841
841
|
flex-wrap: wrap;
|
@@ -921,7 +921,7 @@
|
|
921
921
|
}
|
922
922
|
|
923
923
|
/* Swap to full width on mobile */
|
924
|
-
@media only screen and (max-width:
|
924
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
925
925
|
.ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
|
926
926
|
.ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
|
927
927
|
.ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.2 - Grid
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -151,7 +151,7 @@
|
|
151
151
|
margin: 1rem 1rem;
|
152
152
|
}
|
153
153
|
.ui.grid .column + .ui.vertical.divider {
|
154
|
-
height: calc(50% -
|
154
|
+
height: calc(50% - (2rem / 2));
|
155
155
|
}
|
156
156
|
|
157
157
|
/* Remove Border on Last Horizontal Segment */
|
@@ -171,7 +171,7 @@
|
|
171
171
|
Page Grid
|
172
172
|
-------------------------*/
|
173
173
|
|
174
|
-
@media only screen and (max-width:
|
174
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
175
175
|
.ui.page.grid {
|
176
176
|
width: auto;
|
177
177
|
padding-left: 0em;
|
@@ -180,7 +180,7 @@
|
|
180
180
|
margin-right: 0em;
|
181
181
|
}
|
182
182
|
}
|
183
|
-
@media only screen and (min-width:
|
183
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
184
184
|
.ui.page.grid {
|
185
185
|
width: auto;
|
186
186
|
margin-left: 0em;
|
@@ -189,7 +189,7 @@
|
|
189
189
|
padding-right: 2em;
|
190
190
|
}
|
191
191
|
}
|
192
|
-
@media only screen and (min-width:
|
192
|
+
@media only screen and (min-width: $computer-breakpoint) and (max-width: $largest-small-monitor) {
|
193
193
|
.ui.page.grid {
|
194
194
|
width: auto;
|
195
195
|
margin-left: 0em;
|
@@ -198,7 +198,7 @@
|
|
198
198
|
padding-right: 3%;
|
199
199
|
}
|
200
200
|
}
|
201
|
-
@media only screen and (min-width:
|
201
|
+
@media only screen and (min-width: $large-monitor-breakpoint) and (max-width: $largest-large-monitor) {
|
202
202
|
.ui.page.grid {
|
203
203
|
width: auto;
|
204
204
|
margin-left: 0em;
|
@@ -207,7 +207,7 @@
|
|
207
207
|
padding-right: 15%;
|
208
208
|
}
|
209
209
|
}
|
210
|
-
@media only screen and (min-width:
|
210
|
+
@media only screen and (min-width: $widescreen-monitor-breakpoint) {
|
211
211
|
.ui.page.grid {
|
212
212
|
width: auto;
|
213
213
|
margin-left: 0em;
|
@@ -459,7 +459,7 @@
|
|
459
459
|
|
460
460
|
|
461
461
|
/* Mobile Sizing Combinations */
|
462
|
-
@media only screen and (min-width:
|
462
|
+
@media only screen and (min-width: $mobile-breakpoint) and (max-width: $largest-mobile-screen) {
|
463
463
|
.ui.grid > .row > [class*="one wide mobile"].column,
|
464
464
|
.ui.grid > .column.row > [class*="one wide mobile"].column,
|
465
465
|
.ui.grid > [class*="one wide mobile"].column,
|
@@ -559,7 +559,7 @@
|
|
559
559
|
}
|
560
560
|
|
561
561
|
/* Tablet Sizing Combinations */
|
562
|
-
@media only screen and (min-width:
|
562
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
563
563
|
.ui.grid > .row > [class*="one wide tablet"].column,
|
564
564
|
.ui.grid > .column.row > [class*="one wide tablet"].column,
|
565
565
|
.ui.grid > [class*="one wide tablet"].column,
|
@@ -659,7 +659,7 @@
|
|
659
659
|
}
|
660
660
|
|
661
661
|
/* Computer/Desktop Sizing Combinations */
|
662
|
-
@media only screen and (min-width:
|
662
|
+
@media only screen and (min-width: $computer-breakpoint) {
|
663
663
|
.ui.grid > .row > [class*="one wide computer"].column,
|
664
664
|
.ui.grid > .column.row > [class*="one wide computer"].column,
|
665
665
|
.ui.grid > [class*="one wide computer"].column,
|
@@ -759,7 +759,7 @@
|
|
759
759
|
}
|
760
760
|
|
761
761
|
/* Large Monitor Sizing Combinations */
|
762
|
-
@media only screen and (min-width:
|
762
|
+
@media only screen and (min-width: $large-monitor-breakpoint) and (max-width: $largest-large-monitor) {
|
763
763
|
.ui.grid > .row > [class*="one wide large screen"].column,
|
764
764
|
.ui.grid > .column.row > [class*="one wide large screen"].column,
|
765
765
|
.ui.grid > [class*="one wide large screen"].column,
|
@@ -859,7 +859,7 @@
|
|
859
859
|
}
|
860
860
|
|
861
861
|
/* Widescreen Sizing Combinations */
|
862
|
-
@media only screen and (min-width:
|
862
|
+
@media only screen and (min-width: $widescreen-monitor-breakpoint) {
|
863
863
|
.ui.grid > .row > [class*="one wide widescreen"].column,
|
864
864
|
.ui.grid > .column.row > [class*="one wide widescreen"].column,
|
865
865
|
.ui.grid > [class*="one wide widescreen"].column,
|
@@ -1092,7 +1092,7 @@
|
|
1092
1092
|
content: "";
|
1093
1093
|
top: 0em;
|
1094
1094
|
left: 0px;
|
1095
|
-
width: calc(100% -
|
1095
|
+
width: calc(100% - 2rem);
|
1096
1096
|
height: 1px;
|
1097
1097
|
margin: 0% 1rem;
|
1098
1098
|
-webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
@@ -1131,12 +1131,12 @@
|
|
1131
1131
|
.ui.relaxed[class*="vertically divided"].grid > .row:before {
|
1132
1132
|
margin-left: 1.5rem;
|
1133
1133
|
margin-right: 1.5rem;
|
1134
|
-
width: calc(100% -
|
1134
|
+
width: calc(100% - 3rem);
|
1135
1135
|
}
|
1136
1136
|
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
|
1137
|
-
margin-left: 5rem;
|
1138
|
-
margin-right: 5rem;
|
1139
|
-
width: calc(100% -
|
1137
|
+
margin-left: 2.5rem;
|
1138
|
+
margin-right: 2.5rem;
|
1139
|
+
width: calc(100% - 5rem);
|
1140
1140
|
}
|
1141
1141
|
|
1142
1142
|
/*----------------------
|
@@ -1478,7 +1478,7 @@
|
|
1478
1478
|
|
1479
1479
|
|
1480
1480
|
/* Mobile */
|
1481
|
-
@media only screen and (max-width:
|
1481
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
1482
1482
|
.ui[class*="mobile reversed"].grid,
|
1483
1483
|
.ui[class*="mobile reversed"].grid > .row,
|
1484
1484
|
.ui.grid > [class*="mobile reversed"].row {
|
@@ -1529,7 +1529,7 @@
|
|
1529
1529
|
}
|
1530
1530
|
|
1531
1531
|
/* Tablet */
|
1532
|
-
@media only screen and (min-width:
|
1532
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
1533
1533
|
.ui[class*="tablet reversed"].grid,
|
1534
1534
|
.ui[class*="tablet reversed"].grid > .row,
|
1535
1535
|
.ui.grid > [class*="tablet reversed"].row {
|
@@ -1579,7 +1579,7 @@
|
|
1579
1579
|
}
|
1580
1580
|
|
1581
1581
|
/* Computer */
|
1582
|
-
@media only screen and (min-width:
|
1582
|
+
@media only screen and (min-width: $computer-breakpoint) {
|
1583
1583
|
.ui[class*="computer reversed"].grid,
|
1584
1584
|
.ui[class*="computer reversed"].grid > .row,
|
1585
1585
|
.ui.grid > [class*="computer reversed"].row {
|
@@ -1634,7 +1634,7 @@
|
|
1634
1634
|
|
1635
1635
|
|
1636
1636
|
/* Tablet Only */
|
1637
|
-
@media only screen and (min-width:
|
1637
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
1638
1638
|
.ui.doubling.grid {
|
1639
1639
|
width: auto;
|
1640
1640
|
}
|
@@ -1730,7 +1730,7 @@
|
|
1730
1730
|
}
|
1731
1731
|
|
1732
1732
|
/* Mobile Only */
|
1733
|
-
@media only screen and (max-width:
|
1733
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
1734
1734
|
.ui.grid > .doubling.row,
|
1735
1735
|
.ui.doubling.grid > .row {
|
1736
1736
|
margin: 0em !important;
|
@@ -1825,7 +1825,7 @@
|
|
1825
1825
|
Stackable
|
1826
1826
|
--------------------*/
|
1827
1827
|
|
1828
|
-
@media only screen and (max-width:
|
1828
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
1829
1829
|
.ui.stackable.grid {
|
1830
1830
|
width: auto;
|
1831
1831
|
margin-left: 0em !important;
|
@@ -1905,7 +1905,7 @@
|
|
1905
1905
|
/* These include arbitrary class repetitions for forced specificity */
|
1906
1906
|
|
1907
1907
|
/* Mobile Only Hide */
|
1908
|
-
@media only screen and (max-width:
|
1908
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
1909
1909
|
.ui[class*="tablet only"].grid.grid.grid:not(.mobile),
|
1910
1910
|
.ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
|
1911
1911
|
.ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
|
@@ -1933,7 +1933,7 @@
|
|
1933
1933
|
}
|
1934
1934
|
|
1935
1935
|
/* Tablet Only Hide */
|
1936
|
-
@media only screen and (min-width:
|
1936
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
1937
1937
|
.ui[class*="mobile only"].grid.grid.grid:not(.tablet),
|
1938
1938
|
.ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
|
1939
1939
|
.ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
|
@@ -1961,7 +1961,7 @@
|
|
1961
1961
|
}
|
1962
1962
|
|
1963
1963
|
/* Computer Only Hide */
|
1964
|
-
@media only screen and (min-width:
|
1964
|
+
@media only screen and (min-width: $computer-breakpoint) and (max-width: $largest-small-monitor) {
|
1965
1965
|
.ui[class*="mobile only"].grid.grid.grid:not(.computer),
|
1966
1966
|
.ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
|
1967
1967
|
.ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
|
@@ -1989,7 +1989,7 @@
|
|
1989
1989
|
}
|
1990
1990
|
|
1991
1991
|
/* Large Screen Only Hide */
|
1992
|
-
@media only screen and (min-width:
|
1992
|
+
@media only screen and (min-width: $large-monitor-breakpoint) and (max-width: $largest-large-monitor) {
|
1993
1993
|
.ui[class*="mobile only"].grid.grid.grid:not(.computer),
|
1994
1994
|
.ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
|
1995
1995
|
.ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
|
@@ -2011,7 +2011,7 @@
|
|
2011
2011
|
}
|
2012
2012
|
|
2013
2013
|
/* Widescreen Only Hide */
|
2014
|
-
@media only screen and (min-width:
|
2014
|
+
@media only screen and (min-width: $widescreen-monitor-breakpoint) {
|
2015
2015
|
.ui[class*="mobile only"].grid.grid.grid:not(.computer),
|
2016
2016
|
.ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
|
2017
2017
|
.ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
|
@@ -267,7 +267,7 @@
|
|
267
267
|
display: inline-block;
|
268
268
|
font-size: 1em !important;
|
269
269
|
float: none;
|
270
|
-
margin: 0em 0.75em 0em 0em;
|
270
|
+
margin: 0em 0.75em 0em 0em !important;
|
271
271
|
}
|
272
272
|
|
273
273
|
/* Secondary */
|
@@ -393,14 +393,14 @@
|
|
393
393
|
Container
|
394
394
|
---------------*/
|
395
395
|
|
396
|
-
@media only screen and (max-width:
|
396
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
397
397
|
.ui.menu > .ui.container {
|
398
398
|
width: 100% !important;
|
399
399
|
margin-left: 0em !important;
|
400
400
|
margin-right: 0em !important;
|
401
401
|
}
|
402
402
|
}
|
403
|
-
@media only screen and (min-width:
|
403
|
+
@media only screen and (min-width: $tablet-breakpoint) {
|
404
404
|
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
|
405
405
|
border-left: 1px solid rgba(34, 36, 38, 0.1);
|
406
406
|
}
|
@@ -485,7 +485,7 @@ Floated Menu / Item
|
|
485
485
|
|
486
486
|
/* Left Floated */
|
487
487
|
.ui.menu:not(.vertical) .left.item,
|
488
|
-
.ui.menu:not(.vertical) .left.menu {
|
488
|
+
.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
|
489
489
|
display: -webkit-box;
|
490
490
|
display: -ms-flexbox;
|
491
491
|
display: flex;
|
@@ -629,7 +629,7 @@ Floated Menu / Item
|
|
629
629
|
border-bottom: 1px solid #D4D4D5;
|
630
630
|
}
|
631
631
|
.ui.tabular.fluid.menu {
|
632
|
-
width: calc(100% +
|
632
|
+
width: calc(100% + (1px * 2)) !important;
|
633
633
|
}
|
634
634
|
.ui.tabular.menu .item {
|
635
635
|
background: transparent;
|
@@ -674,7 +674,7 @@ Floated Menu / Item
|
|
674
674
|
}
|
675
675
|
.top.attached.segment + .ui.bottom.tabular.menu {
|
676
676
|
position: relative;
|
677
|
-
width: calc(100% +
|
677
|
+
width: calc(100% + (1px * 2));
|
678
678
|
left: -1px;
|
679
679
|
}
|
680
680
|
|
@@ -1273,7 +1273,7 @@ Floated Menu / Item
|
|
1273
1273
|
Stackable
|
1274
1274
|
---------------*/
|
1275
1275
|
|
1276
|
-
@media only screen and (max-width:
|
1276
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
1277
1277
|
.ui.stackable.menu {
|
1278
1278
|
-webkit-box-orient: vertical;
|
1279
1279
|
-webkit-box-direction: normal;
|
@@ -1753,13 +1753,13 @@ Floated Menu / Item
|
|
1753
1753
|
width: 14.285%;
|
1754
1754
|
}
|
1755
1755
|
.ui.menu.eight.item .item {
|
1756
|
-
width: 12.
|
1756
|
+
width: 12.5%;
|
1757
1757
|
}
|
1758
1758
|
.ui.menu.nine.item .item {
|
1759
1759
|
width: 11.11%;
|
1760
1760
|
}
|
1761
1761
|
.ui.menu.ten.item .item {
|
1762
|
-
width: 10
|
1762
|
+
width: 10%;
|
1763
1763
|
}
|
1764
1764
|
.ui.menu.eleven.item .item {
|
1765
1765
|
width: 9.09%;
|
@@ -1914,8 +1914,8 @@ Floated Menu / Item
|
|
1914
1914
|
bottom: 0px;
|
1915
1915
|
border-radius: 0px;
|
1916
1916
|
margin: 0em -1px;
|
1917
|
-
width: calc(100%
|
1918
|
-
max-width: calc(100%
|
1917
|
+
width: calc(100% - (-1px * 2));
|
1918
|
+
max-width: calc(100% - (-1px * 2));
|
1919
1919
|
-webkit-box-shadow: none;
|
1920
1920
|
box-shadow: none;
|
1921
1921
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.2 - Table
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -148,7 +148,7 @@
|
|
148
148
|
}
|
149
149
|
|
150
150
|
/* Responsive */
|
151
|
-
@media only screen and (max-width:
|
151
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
152
152
|
.ui.table:not(.unstackable) {
|
153
153
|
width: 100%;
|
154
154
|
}
|
@@ -399,7 +399,7 @@
|
|
399
399
|
Stackable
|
400
400
|
---------------*/
|
401
401
|
|
402
|
-
@media only screen and (max-width:
|
402
|
+
@media only screen and (max-width: $largest-tablet-screen) {
|
403
403
|
.ui[class*="tablet stackable"].table,
|
404
404
|
.ui[class*="tablet stackable"].table tbody,
|
405
405
|
.ui[class*="tablet stackable"].table tr,
|
@@ -564,8 +564,8 @@
|
|
564
564
|
bottom: 0px;
|
565
565
|
border-radius: 0px;
|
566
566
|
margin: 0em -1px;
|
567
|
-
width: calc(100%
|
568
|
-
max-width: calc(100%
|
567
|
+
width: calc(100% - (-1px * 2));
|
568
|
+
max-width: calc(100% - (-1px * 2));
|
569
569
|
-webkit-box-shadow: none;
|
570
570
|
box-shadow: none;
|
571
571
|
border: 1px solid #D4D4D5;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
@import 'button';
|
2
|
+
@import 'container_variables';
|
2
3
|
@import 'container';
|
3
4
|
@import 'divider';
|
4
5
|
@import 'flag';
|
@@ -9,6 +10,7 @@
|
|
9
10
|
@import 'label';
|
10
11
|
@import 'list';
|
11
12
|
@import 'loader';
|
13
|
+
@import 'placeholder';
|
12
14
|
@import 'rail';
|
13
15
|
@import 'reveal';
|
14
16
|
@import 'segment';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.
|
2
|
+
* # Semantic UI 2.4.2 - Button
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -1195,7 +1195,7 @@
|
|
1195
1195
|
width: 100%;
|
1196
1196
|
}
|
1197
1197
|
.ui.eight.buttons > .button {
|
1198
|
-
width: 12.
|
1198
|
+
width: 12.5%;
|
1199
1199
|
}
|
1200
1200
|
.ui.nine.buttons {
|
1201
1201
|
width: 100%;
|
@@ -1249,7 +1249,7 @@
|
|
1249
1249
|
height: 14.285%;
|
1250
1250
|
}
|
1251
1251
|
.ui.eight.vertical.buttons > .button {
|
1252
|
-
height: 12.
|
1252
|
+
height: 12.5%;
|
1253
1253
|
}
|
1254
1254
|
.ui.nine.vertical.buttons > .button {
|
1255
1255
|
height: 11.11%;
|
@@ -3341,6 +3341,81 @@
|
|
3341
3341
|
margin-left: -1px;
|
3342
3342
|
}
|
3343
3343
|
|
3344
|
+
/* Inverted */
|
3345
|
+
.ui.inverted.primary.buttons .button,
|
3346
|
+
.ui.inverted.primary.button {
|
3347
|
+
background-color: transparent;
|
3348
|
+
-webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
|
3349
|
+
box-shadow: 0px 0px 0px 2px #54C8FF inset !important;
|
3350
|
+
color: #54C8FF;
|
3351
|
+
}
|
3352
|
+
.ui.inverted.primary.buttons .button:hover,
|
3353
|
+
.ui.inverted.primary.button:hover,
|
3354
|
+
.ui.inverted.primary.buttons .button:focus,
|
3355
|
+
.ui.inverted.primary.button:focus,
|
3356
|
+
.ui.inverted.primary.buttons .button.active,
|
3357
|
+
.ui.inverted.primary.button.active,
|
3358
|
+
.ui.inverted.primary.buttons .button:active,
|
3359
|
+
.ui.inverted.primary.button:active {
|
3360
|
+
-webkit-box-shadow: none !important;
|
3361
|
+
box-shadow: none !important;
|
3362
|
+
color: #FFFFFF;
|
3363
|
+
}
|
3364
|
+
.ui.inverted.primary.buttons .button:hover,
|
3365
|
+
.ui.inverted.primary.button:hover {
|
3366
|
+
background-color: #3ac0ff;
|
3367
|
+
}
|
3368
|
+
.ui.inverted.primary.buttons .button:focus,
|
3369
|
+
.ui.inverted.primary.button:focus {
|
3370
|
+
background-color: #2bbbff;
|
3371
|
+
}
|
3372
|
+
.ui.inverted.primary.buttons .active.button,
|
3373
|
+
.ui.inverted.primary.active.button {
|
3374
|
+
background-color: #3ac0ff;
|
3375
|
+
}
|
3376
|
+
.ui.inverted.primary.buttons .button:active,
|
3377
|
+
.ui.inverted.primary.button:active {
|
3378
|
+
background-color: #21b8ff;
|
3379
|
+
}
|
3380
|
+
|
3381
|
+
/* Inverted Basic */
|
3382
|
+
.ui.inverted.primary.basic.buttons .button,
|
3383
|
+
.ui.inverted.primary.buttons .basic.button,
|
3384
|
+
.ui.inverted.primary.basic.button {
|
3385
|
+
background-color: transparent;
|
3386
|
+
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
|
3387
|
+
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
|
3388
|
+
color: #FFFFFF !important;
|
3389
|
+
}
|
3390
|
+
.ui.inverted.primary.basic.buttons .button:hover,
|
3391
|
+
.ui.inverted.primary.buttons .basic.button:hover,
|
3392
|
+
.ui.inverted.primary.basic.button:hover {
|
3393
|
+
-webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
|
3394
|
+
box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
|
3395
|
+
color: #54C8FF !important;
|
3396
|
+
}
|
3397
|
+
.ui.inverted.primary.basic.buttons .button:focus,
|
3398
|
+
.ui.inverted.primary.basic.buttons .button:focus,
|
3399
|
+
.ui.inverted.primary.basic.button:focus {
|
3400
|
+
-webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
|
3401
|
+
box-shadow: 0px 0px 0px 2px #2bbbff inset !important;
|
3402
|
+
color: #54C8FF !important;
|
3403
|
+
}
|
3404
|
+
.ui.inverted.primary.basic.buttons .active.button,
|
3405
|
+
.ui.inverted.primary.buttons .basic.active.button,
|
3406
|
+
.ui.inverted.primary.basic.active.button {
|
3407
|
+
-webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
|
3408
|
+
box-shadow: 0px 0px 0px 2px #3ac0ff inset !important;
|
3409
|
+
color: #54C8FF !important;
|
3410
|
+
}
|
3411
|
+
.ui.inverted.primary.basic.buttons .button:active,
|
3412
|
+
.ui.inverted.primary.buttons .basic.button:active,
|
3413
|
+
.ui.inverted.primary.basic.button:active {
|
3414
|
+
-webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
|
3415
|
+
box-shadow: 0px 0px 0px 2px #21b8ff inset !important;
|
3416
|
+
color: #54C8FF !important;
|
3417
|
+
}
|
3418
|
+
|
3344
3419
|
/*-------------------
|
3345
3420
|
Secondary
|
3346
3421
|
--------------------*/
|
@@ -3423,6 +3498,81 @@
|
|
3423
3498
|
margin-left: -1px;
|
3424
3499
|
}
|
3425
3500
|
|
3501
|
+
/* Inverted */
|
3502
|
+
.ui.inverted.secondary.buttons .button,
|
3503
|
+
.ui.inverted.secondary.button {
|
3504
|
+
background-color: transparent;
|
3505
|
+
-webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important;
|
3506
|
+
box-shadow: 0px 0px 0px 2px #545454 inset !important;
|
3507
|
+
color: #545454;
|
3508
|
+
}
|
3509
|
+
.ui.inverted.secondary.buttons .button:hover,
|
3510
|
+
.ui.inverted.secondary.button:hover,
|
3511
|
+
.ui.inverted.secondary.buttons .button:focus,
|
3512
|
+
.ui.inverted.secondary.button:focus,
|
3513
|
+
.ui.inverted.secondary.buttons .button.active,
|
3514
|
+
.ui.inverted.secondary.button.active,
|
3515
|
+
.ui.inverted.secondary.buttons .button:active,
|
3516
|
+
.ui.inverted.secondary.button:active {
|
3517
|
+
-webkit-box-shadow: none !important;
|
3518
|
+
box-shadow: none !important;
|
3519
|
+
color: #FFFFFF;
|
3520
|
+
}
|
3521
|
+
.ui.inverted.secondary.buttons .button:hover,
|
3522
|
+
.ui.inverted.secondary.button:hover {
|
3523
|
+
background-color: #616161;
|
3524
|
+
}
|
3525
|
+
.ui.inverted.secondary.buttons .button:focus,
|
3526
|
+
.ui.inverted.secondary.button:focus {
|
3527
|
+
background-color: #686868;
|
3528
|
+
}
|
3529
|
+
.ui.inverted.secondary.buttons .active.button,
|
3530
|
+
.ui.inverted.secondary.active.button {
|
3531
|
+
background-color: #616161;
|
3532
|
+
}
|
3533
|
+
.ui.inverted.secondary.buttons .button:active,
|
3534
|
+
.ui.inverted.secondary.button:active {
|
3535
|
+
background-color: #6e6e6e;
|
3536
|
+
}
|
3537
|
+
|
3538
|
+
/* Inverted Basic */
|
3539
|
+
.ui.inverted.secondary.basic.buttons .button,
|
3540
|
+
.ui.inverted.secondary.buttons .basic.button,
|
3541
|
+
.ui.inverted.secondary.basic.button {
|
3542
|
+
background-color: transparent;
|
3543
|
+
-webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
|
3544
|
+
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
|
3545
|
+
color: #FFFFFF !important;
|
3546
|
+
}
|
3547
|
+
.ui.inverted.secondary.basic.buttons .button:hover,
|
3548
|
+
.ui.inverted.secondary.buttons .basic.button:hover,
|
3549
|
+
.ui.inverted.secondary.basic.button:hover {
|
3550
|
+
-webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;
|
3551
|
+
box-shadow: 0px 0px 0px 2px #616161 inset !important;
|
3552
|
+
color: #545454 !important;
|
3553
|
+
}
|
3554
|
+
.ui.inverted.secondary.basic.buttons .button:focus,
|
3555
|
+
.ui.inverted.secondary.basic.buttons .button:focus,
|
3556
|
+
.ui.inverted.secondary.basic.button:focus {
|
3557
|
+
-webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important;
|
3558
|
+
box-shadow: 0px 0px 0px 2px #686868 inset !important;
|
3559
|
+
color: #545454 !important;
|
3560
|
+
}
|
3561
|
+
.ui.inverted.secondary.basic.buttons .active.button,
|
3562
|
+
.ui.inverted.secondary.buttons .basic.active.button,
|
3563
|
+
.ui.inverted.secondary.basic.active.button {
|
3564
|
+
-webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important;
|
3565
|
+
box-shadow: 0px 0px 0px 2px #616161 inset !important;
|
3566
|
+
color: #545454 !important;
|
3567
|
+
}
|
3568
|
+
.ui.inverted.secondary.basic.buttons .button:active,
|
3569
|
+
.ui.inverted.secondary.buttons .basic.button:active,
|
3570
|
+
.ui.inverted.secondary.basic.button:active {
|
3571
|
+
-webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
|
3572
|
+
box-shadow: 0px 0px 0px 2px #6e6e6e inset !important;
|
3573
|
+
color: #545454 !important;
|
3574
|
+
}
|
3575
|
+
|
3426
3576
|
/*---------------
|
3427
3577
|
Positive
|
3428
3578
|
----------------*/
|