semantic-ui-sass 2.3.1.2 → 2.4.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/.travis.yml +4 -2
- data/CHANGELOG.md +124 -100
- data/README.md +87 -16
- 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/package.json +29 -0
- data/script.js +56 -0
- data/semantic-ui-sass.gemspec +2 -2
- data/spec/dummy/app/assets/config/manifest.js +3 -0
- data/tasks/converter.rb +29 -2
- data/yarn.lock +4 -0
- metadata +19 -13
@@ -1012,12 +1012,12 @@ $.fn.popup = function(parameters) {
|
|
1012
1012
|
if(settings.hideOnScroll === true || (settings.hideOnScroll == 'auto' && settings.on != 'click')) {
|
1013
1013
|
module.bind.closeOnScroll();
|
1014
1014
|
}
|
1015
|
-
if(
|
1016
|
-
module.bind.touchClose();
|
1017
|
-
}
|
1018
|
-
if(settings.on == 'click' && settings.closable) {
|
1015
|
+
if(module.is.closable()) {
|
1019
1016
|
module.bind.clickaway();
|
1020
1017
|
}
|
1018
|
+
else if(settings.on == 'hover' && openedWithTouch) {
|
1019
|
+
module.bind.touchClose();
|
1020
|
+
}
|
1021
1021
|
},
|
1022
1022
|
closeOnScroll: function() {
|
1023
1023
|
module.verbose('Binding scroll close event to document');
|
@@ -1073,10 +1073,19 @@ $.fn.popup = function(parameters) {
|
|
1073
1073
|
should: {
|
1074
1074
|
centerArrow: function(calculations) {
|
1075
1075
|
return !module.is.basic() && calculations.target.width <= (settings.arrowPixelsFromEdge * 2);
|
1076
|
-
}
|
1076
|
+
},
|
1077
1077
|
},
|
1078
1078
|
|
1079
1079
|
is: {
|
1080
|
+
closable: function() {
|
1081
|
+
if(settings.closable == 'auto') {
|
1082
|
+
if(settings.on == 'hover') {
|
1083
|
+
return false;
|
1084
|
+
}
|
1085
|
+
return true;
|
1086
|
+
}
|
1087
|
+
return settings.closable;
|
1088
|
+
},
|
1080
1089
|
offstage: function(distanceFromBoundary, position) {
|
1081
1090
|
var
|
1082
1091
|
offstage = []
|
@@ -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';
|