fomantic-ui 2.9.0-beta.271 → 2.9.0-beta.274
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.
- package/.github/workflows/nightly.yml +2 -2
- package/dist/components/accordion.css +18 -14
- package/dist/components/accordion.js +6 -3
- package/dist/components/accordion.min.css +2 -2
- package/dist/components/accordion.min.js +2 -2
- package/dist/components/ad.css +4 -4
- package/dist/components/ad.min.css +2 -2
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +15 -15
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +1 -1
- package/dist/components/calendar.js +2 -2
- package/dist/components/calendar.min.css +1 -1
- package/dist/components/calendar.min.js +2 -2
- package/dist/components/card.css +8 -8
- package/dist/components/card.min.css +2 -2
- package/dist/components/checkbox.css +91 -91
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +2 -2
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +2 -2
- package/dist/components/comment.min.css +2 -2
- package/dist/components/container.css +1 -1
- package/dist/components/container.min.css +1 -1
- package/dist/components/dimmer.css +1 -1
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +1 -1
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +31 -31
- package/dist/components/divider.min.css +2 -2
- package/dist/components/dropdown.css +36 -36
- package/dist/components/dropdown.js +1 -1
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +1 -1
- package/dist/components/embed.css +5 -5
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +2 -2
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +7120 -7120
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +2 -2
- package/dist/components/feed.min.css +2 -2
- package/dist/components/flag.css +554 -554
- package/dist/components/flag.min.css +2 -2
- package/dist/components/form.css +36 -36
- package/dist/components/form.js +1 -1
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +1 -1
- package/dist/components/grid.css +12 -12
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +3 -3
- package/dist/components/header.min.css +2 -2
- package/dist/components/icon.css +1960 -1960
- package/dist/components/icon.min.css +2 -2
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +5 -5
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +4 -4
- package/dist/components/item.min.css +2 -2
- package/dist/components/label.css +64 -64
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +30 -30
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +352 -352
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +70 -70
- package/dist/components/menu.min.css +1 -1
- package/dist/components/message.css +2 -2
- package/dist/components/message.min.css +2 -2
- package/dist/components/modal.css +1 -1
- package/dist/components/modal.js +1 -1
- package/dist/components/modal.min.css +1 -1
- package/dist/components/modal.min.js +1 -1
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +33 -33
- package/dist/components/placeholder.min.css +2 -2
- package/dist/components/popup.css +100 -100
- package/dist/components/popup.js +1 -1
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +1 -1
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +3 -3
- package/dist/components/reset.min.css +2 -2
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +3 -3
- package/dist/components/search.js +1 -1
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +1 -1
- package/dist/components/segment.css +28 -28
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +4 -4
- package/dist/components/sidebar.js +5 -5
- package/dist/components/sidebar.min.css +2 -2
- package/dist/components/sidebar.min.js +2 -2
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +17 -17
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +1 -1
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +2 -2
- package/dist/components/statistic.min.css +2 -2
- package/dist/components/step.css +28 -28
- package/dist/components/step.min.css +2 -2
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +5 -5
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +2 -2
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +7 -7
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toast.js +1 -1
- package/dist/components/toast.min.css +1 -1
- package/dist/components/toast.min.js +1 -1
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +10672 -10668
- package/dist/semantic.js +35 -32
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +4 -4
- package/scripts/nightly-version.js +1 -1
- package/src/definitions/collections/form.less +24 -24
- package/src/definitions/collections/grid.less +11 -11
- package/src/definitions/collections/menu.less +43 -43
- package/src/definitions/collections/message.less +1 -1
- package/src/definitions/collections/table.less +6 -6
- package/src/definitions/elements/button.less +14 -14
- package/src/definitions/elements/divider.less +24 -24
- package/src/definitions/elements/emoji.less +2 -2
- package/src/definitions/elements/flag.less +1 -1
- package/src/definitions/elements/header.less +2 -2
- package/src/definitions/elements/icon.less +1 -1
- package/src/definitions/elements/input.less +4 -4
- package/src/definitions/elements/label.less +35 -35
- package/src/definitions/elements/list.less +29 -30
- package/src/definitions/elements/loader.less +87 -87
- package/src/definitions/elements/placeholder.less +32 -32
- package/src/definitions/elements/segment.less +27 -27
- package/src/definitions/elements/step.less +25 -25
- package/src/definitions/globals/reset.less +2 -2
- package/src/definitions/modules/accordion.js +5 -2
- package/src/definitions/modules/accordion.less +8 -7
- package/src/definitions/modules/calendar.js +1 -1
- package/src/definitions/modules/checkbox.less +53 -53
- package/src/definitions/modules/dropdown.less +30 -30
- package/src/definitions/modules/embed.less +4 -4
- package/src/definitions/modules/popup.less +87 -87
- package/src/definitions/modules/search.less +3 -3
- package/src/definitions/modules/sidebar.js +4 -4
- package/src/definitions/modules/sidebar.less +3 -3
- package/src/definitions/modules/slider.less +9 -9
- package/src/definitions/modules/tab.less +4 -4
- package/src/definitions/views/ad.less +3 -3
- package/src/definitions/views/card.less +7 -7
- package/src/definitions/views/comment.less +1 -1
- package/src/definitions/views/feed.less +1 -1
- package/src/definitions/views/item.less +3 -3
- package/src/definitions/views/statistic.less +1 -1
- package/src/themes/basic/elements/icon.overrides +149 -149
- package/src/themes/basic/elements/step.overrides +2 -2
- package/src/themes/default/elements/divider.overrides +7 -7
- package/src/themes/default/elements/emoji.overrides +3 -3
- package/src/themes/default/elements/flag.overrides +10 -10
- package/src/themes/default/elements/icon.overrides +1961 -1962
- package/src/themes/default/elements/step.overrides +3 -3
- package/src/themes/default/modules/accordion.overrides +6 -5
- package/src/themes/default/modules/checkbox.overrides +9 -9
- package/src/themes/default/modules/dropdown.overrides +5 -5
- package/src/themes/famfamfam/elements/flag.overrides +496 -496
- package/src/themes/github/elements/icon.overrides +206 -206
- package/src/themes/github/elements/step.overrides +5 -5
- package/src/themes/github/modules/dropdown.overrides +6 -6
- package/src/themes/joypixels/elements/emoji.overrides +3 -3
- package/src/themes/material/elements/icon.overrides +932 -932
- package/src/themes/pulsar/elements/loader.overrides +2 -2
- package/src/themes/resetcss/globals/reset.overrides +3 -3
- package/src/themes/striped/modules/progress.overrides +1 -1
- package/src/themes/twitter/elements/emoji.overrides +3 -3
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "fomantic-ui",
|
3
|
-
"version": "2.9.0-beta.
|
3
|
+
"version": "2.9.0-beta.274+23f6671",
|
4
4
|
"description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
|
5
5
|
"keywords": [
|
6
6
|
"fomantic-ui",
|
@@ -56,7 +56,7 @@
|
|
56
56
|
"gulp-print": "^5.0.0",
|
57
57
|
"gulp-rename": "^1.4.0",
|
58
58
|
"gulp-replace": "^1.0.0",
|
59
|
-
"gulp-rtlcss": "^
|
59
|
+
"gulp-rtlcss": "^2.0.0",
|
60
60
|
"gulp-tap": "^1.0.1",
|
61
61
|
"gulp-uglify": "^3.0.1",
|
62
62
|
"inquirer": "^8.2.0",
|
@@ -64,7 +64,7 @@
|
|
64
64
|
"less": "^3.7.1 || ^4.0.0",
|
65
65
|
"map-stream": "^0.1.0",
|
66
66
|
"merge-stream": "^2.0.0",
|
67
|
-
"mkdirp": "^0.
|
67
|
+
"mkdirp": "^1.0.4",
|
68
68
|
"normalize-path": "^3.0.0",
|
69
69
|
"replace-ext": "^1.0.0",
|
70
70
|
"require-dot-file": "^0.4.0",
|
@@ -75,7 +75,7 @@
|
|
75
75
|
"all-contributors-cli": "^6.7.0",
|
76
76
|
"auto-changelog": "^1.15.0",
|
77
77
|
"node-fetch": "^2.6.0",
|
78
|
-
"semver": "^
|
78
|
+
"semver": "^7.3.5"
|
79
79
|
},
|
80
80
|
"engines": {
|
81
81
|
"node": ">=10.15.3",
|
@@ -345,7 +345,7 @@
|
|
345
345
|
background: @promptBackground !important;
|
346
346
|
border: @promptBorder !important;
|
347
347
|
color: @promptTextColor !important;
|
348
|
-
& li
|
348
|
+
& li::before {
|
349
349
|
color: @promptTextColor;
|
350
350
|
}
|
351
351
|
}
|
@@ -355,8 +355,8 @@
|
|
355
355
|
vertical-align: top;
|
356
356
|
margin: @inlinePromptMargin;
|
357
357
|
}
|
358
|
-
.ui.form .inline.fields .field .prompt
|
359
|
-
.ui.form .inline.field .prompt
|
358
|
+
.ui.form .inline.fields .field .prompt::before,
|
359
|
+
.ui.form .inline.field .prompt::before {
|
360
360
|
border-width: 0 0 @inlinePromptBorderWidth @inlinePromptBorderWidth;
|
361
361
|
bottom: auto;
|
362
362
|
right: auto;
|
@@ -541,7 +541,7 @@
|
|
541
541
|
color: @c;
|
542
542
|
}
|
543
543
|
|
544
|
-
.ui.form .fields.@{state} .field .ui.label,
|
544
|
+
.ui.form .fields.@{state} .field .ui.label,
|
545
545
|
.ui.form .field.@{state} .ui.label {
|
546
546
|
background-color: @lbg;
|
547
547
|
}
|
@@ -734,13 +734,13 @@
|
|
734
734
|
.ui.form .field.@{state} .checkbox:not(.toggle):not(.slider) label {
|
735
735
|
color: @c;
|
736
736
|
}
|
737
|
-
.ui.form .fields.@{state} .field .checkbox:not(.toggle):not(.slider) label
|
738
|
-
.ui.form .field.@{state} .checkbox:not(.toggle):not(.slider) label
|
737
|
+
.ui.form .fields.@{state} .field .checkbox:not(.toggle):not(.slider) label::before,
|
738
|
+
.ui.form .field.@{state} .checkbox:not(.toggle):not(.slider) label::before {
|
739
739
|
background: @bg;
|
740
740
|
border-color: @bdc;
|
741
741
|
}
|
742
|
-
.ui.form .fields.@{state} .field .checkbox label
|
743
|
-
.ui.form .field.@{state} .checkbox label
|
742
|
+
.ui.form .fields.@{state} .field .checkbox label::after,
|
743
|
+
.ui.form .field.@{state} .checkbox label::after {
|
744
744
|
color: @c;
|
745
745
|
}
|
746
746
|
|
@@ -783,7 +783,7 @@
|
|
783
783
|
cursor: default;
|
784
784
|
pointer-events: none;
|
785
785
|
}
|
786
|
-
.ui.loading.form
|
786
|
+
.ui.loading.form::before {
|
787
787
|
position: absolute;
|
788
788
|
content: '';
|
789
789
|
top: 0;
|
@@ -794,11 +794,11 @@
|
|
794
794
|
z-index: @loaderDimmerZIndex;
|
795
795
|
}
|
796
796
|
|
797
|
-
.ui.loading.form.segments
|
797
|
+
.ui.loading.form.segments::before {
|
798
798
|
border-radius: @defaultBorderRadius;
|
799
799
|
}
|
800
800
|
|
801
|
-
.ui.loading.form
|
801
|
+
.ui.loading.form::after {
|
802
802
|
position: absolute;
|
803
803
|
content: '';
|
804
804
|
top: 50%;
|
@@ -827,27 +827,27 @@
|
|
827
827
|
Required Field
|
828
828
|
---------------------*/
|
829
829
|
|
830
|
-
.ui.form .required.fields:not(.grouped) > .field > label
|
831
|
-
.ui.form .required.fields.grouped > label
|
832
|
-
.ui.form .required.field > label
|
833
|
-
.ui.form .required.fields:not(.grouped) > .field > .checkbox
|
834
|
-
.ui.form .required.field > .checkbox
|
835
|
-
.ui.form label.required
|
830
|
+
.ui.form .required.fields:not(.grouped) > .field > label::after,
|
831
|
+
.ui.form .required.fields.grouped > label::after,
|
832
|
+
.ui.form .required.field > label::after,
|
833
|
+
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
|
834
|
+
.ui.form .required.field > .checkbox::after,
|
835
|
+
.ui.form label.required::after {
|
836
836
|
margin: @requiredMargin;
|
837
837
|
content: @requiredContent;
|
838
838
|
color: @requiredColor;
|
839
839
|
}
|
840
840
|
|
841
|
-
.ui.form .required.fields:not(.grouped) > .field > label
|
842
|
-
.ui.form .required.fields.grouped > label
|
843
|
-
.ui.form .required.field > label
|
844
|
-
.ui.form label.required
|
841
|
+
.ui.form .required.fields:not(.grouped) > .field > label::after,
|
842
|
+
.ui.form .required.fields.grouped > label::after,
|
843
|
+
.ui.form .required.field > label::after,
|
844
|
+
.ui.form label.required::after {
|
845
845
|
display: inline-block;
|
846
846
|
vertical-align: top;
|
847
847
|
}
|
848
848
|
|
849
|
-
.ui.form .required.fields:not(.grouped) > .field > .checkbox
|
850
|
-
.ui.form .required.field > .checkbox
|
849
|
+
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
|
850
|
+
.ui.form .required.field > .checkbox::after {
|
851
851
|
position: absolute;
|
852
852
|
top: 0;
|
853
853
|
left: 100%;
|
@@ -878,7 +878,7 @@
|
|
878
878
|
.ui.inverted.loading.form {
|
879
879
|
color: @invertedLoaderLineColor;
|
880
880
|
}
|
881
|
-
.ui.inverted.loading.form
|
881
|
+
.ui.inverted.loading.form::before {
|
882
882
|
background: @loaderInvertedDimmerColor;
|
883
883
|
}
|
884
884
|
/* Inverted Field */
|
@@ -1096,7 +1096,7 @@
|
|
1096
1096
|
.ui[class*="vertically divided"].grid > .row {
|
1097
1097
|
position: relative;
|
1098
1098
|
}
|
1099
|
-
.ui[class*="vertically divided"].grid > .row
|
1099
|
+
.ui[class*="vertically divided"].grid > .row::before {
|
1100
1100
|
position: absolute;
|
1101
1101
|
content: "";
|
1102
1102
|
top: 0;
|
@@ -1119,7 +1119,7 @@
|
|
1119
1119
|
}
|
1120
1120
|
& when (@variationGridVertical) {
|
1121
1121
|
/* First Row Vertically Divided */
|
1122
|
-
.ui[class*="vertically divided"].grid > .row:first-child
|
1122
|
+
.ui[class*="vertically divided"].grid > .row:first-child::before {
|
1123
1123
|
box-shadow: none;
|
1124
1124
|
}
|
1125
1125
|
}
|
@@ -1134,20 +1134,20 @@
|
|
1134
1134
|
box-shadow: none;
|
1135
1135
|
}
|
1136
1136
|
& when (@variationGridVertical) {
|
1137
|
-
.ui.inverted[class*="vertically divided"].grid > .row
|
1137
|
+
.ui.inverted[class*="vertically divided"].grid > .row::before {
|
1138
1138
|
box-shadow: @verticallyDividedInvertedBorder;
|
1139
1139
|
}
|
1140
1140
|
}
|
1141
1141
|
}
|
1142
1142
|
& when (@variationGridRelaxed) and (@variationGridVertical) {
|
1143
1143
|
/* Relaxed */
|
1144
|
-
.ui.relaxed[class*="vertically divided"].grid > .row
|
1144
|
+
.ui.relaxed[class*="vertically divided"].grid > .row::before {
|
1145
1145
|
margin-left: (@relaxedGutterWidth / 2);
|
1146
1146
|
margin-right: (@relaxedGutterWidth / 2);
|
1147
1147
|
width: e(%("calc(100%% - %d)", @relaxedGutterWidth));
|
1148
1148
|
}
|
1149
1149
|
& when (@variationGridVeryRelaxed) {
|
1150
|
-
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row
|
1150
|
+
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row::before {
|
1151
1151
|
margin-left: (@veryRelaxedGutterWidth / 2);
|
1152
1152
|
margin-right: (@veryRelaxedGutterWidth / 2);
|
1153
1153
|
width: e(%("calc(100%% - %d)", @veryRelaxedGutterWidth));
|
@@ -1391,10 +1391,10 @@
|
|
1391
1391
|
box-shadow: none;
|
1392
1392
|
}
|
1393
1393
|
/* Vertically Divided Reversed */
|
1394
|
-
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child
|
1394
|
+
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child::before {
|
1395
1395
|
box-shadow: @verticallyDividedBorder;
|
1396
1396
|
}
|
1397
|
-
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child
|
1397
|
+
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child::before {
|
1398
1398
|
box-shadow: none;
|
1399
1399
|
}
|
1400
1400
|
}
|
@@ -1430,10 +1430,10 @@
|
|
1430
1430
|
box-shadow: none;
|
1431
1431
|
}
|
1432
1432
|
/* Vertically Divided Reversed */
|
1433
|
-
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child
|
1433
|
+
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child::before {
|
1434
1434
|
box-shadow: @verticallyDividedBorder;
|
1435
1435
|
}
|
1436
|
-
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child
|
1436
|
+
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child::before {
|
1437
1437
|
box-shadow: none;
|
1438
1438
|
}
|
1439
1439
|
}
|
@@ -1469,10 +1469,10 @@
|
|
1469
1469
|
box-shadow: none;
|
1470
1470
|
}
|
1471
1471
|
/* Vertically Divided Reversed */
|
1472
|
-
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child
|
1472
|
+
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child::before {
|
1473
1473
|
box-shadow: @verticallyDividedBorder;
|
1474
1474
|
}
|
1475
|
-
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child
|
1475
|
+
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child::before {
|
1476
1476
|
box-shadow: none;
|
1477
1477
|
}
|
1478
1478
|
}
|
@@ -39,7 +39,7 @@
|
|
39
39
|
min-height: @minHeight;
|
40
40
|
}
|
41
41
|
|
42
|
-
.ui.menu
|
42
|
+
.ui.menu::after {
|
43
43
|
content: '';
|
44
44
|
display: block;
|
45
45
|
height: 0;
|
@@ -98,7 +98,7 @@
|
|
98
98
|
}
|
99
99
|
|
100
100
|
/* Border */
|
101
|
-
.ui.menu .item
|
101
|
+
.ui.menu .item::before {
|
102
102
|
position: absolute;
|
103
103
|
content: '';
|
104
104
|
top: 0;
|
@@ -373,7 +373,7 @@
|
|
373
373
|
---------------*/
|
374
374
|
|
375
375
|
/* Menu divider shouldn't apply */
|
376
|
-
.ui.menu .list .item
|
376
|
+
.ui.menu .list .item::before {
|
377
377
|
background: none !important;
|
378
378
|
}
|
379
379
|
|
@@ -384,7 +384,7 @@
|
|
384
384
|
|
385
385
|
/* Show vertical dividers below last */
|
386
386
|
|
387
|
-
.ui.vertical.sidebar.menu > .item:first-child
|
387
|
+
.ui.vertical.sidebar.menu > .item:first-child::before {
|
388
388
|
display: block !important;
|
389
389
|
}
|
390
390
|
.ui.vertical.sidebar.menu > .item::before {
|
@@ -576,7 +576,7 @@ Floated Menu / Item
|
|
576
576
|
|
577
577
|
|
578
578
|
/*--- Border ---*/
|
579
|
-
.ui.vertical.menu .item
|
579
|
+
.ui.vertical.menu .item::before {
|
580
580
|
position: absolute;
|
581
581
|
content: '';
|
582
582
|
top: 0;
|
@@ -586,7 +586,7 @@ Floated Menu / Item
|
|
586
586
|
background: @verticalDividerBackground;
|
587
587
|
}
|
588
588
|
|
589
|
-
.ui.vertical.menu .item:first-child
|
589
|
+
.ui.vertical.menu .item:first-child::before {
|
590
590
|
display: none !important;
|
591
591
|
}
|
592
592
|
|
@@ -605,7 +605,7 @@ Floated Menu / Item
|
|
605
605
|
.ui.vertical.menu .item .menu .link.item:hover {
|
606
606
|
color: @darkTextColor;
|
607
607
|
}
|
608
|
-
.ui.vertical.menu .menu .item
|
608
|
+
.ui.vertical.menu .menu .item::before {
|
609
609
|
display: none;
|
610
610
|
}
|
611
611
|
|
@@ -659,7 +659,7 @@ Floated Menu / Item
|
|
659
659
|
padding: @tabularVerticalPadding @tabularHorizontalPadding;
|
660
660
|
color: @tabularTextColor;
|
661
661
|
}
|
662
|
-
.ui.tabular.menu .item
|
662
|
+
.ui.tabular.menu .item::before {
|
663
663
|
display: none;
|
664
664
|
}
|
665
665
|
|
@@ -807,7 +807,7 @@ Floated Menu / Item
|
|
807
807
|
.ui.compact.menu .item:last-child {
|
808
808
|
border-radius: 0 @borderRadius @borderRadius 0;
|
809
809
|
}
|
810
|
-
.ui.pagination.menu .item:last-child
|
810
|
+
.ui.pagination.menu .item:last-child::before {
|
811
811
|
display: none;
|
812
812
|
}
|
813
813
|
|
@@ -856,7 +856,7 @@ Floated Menu / Item
|
|
856
856
|
}
|
857
857
|
|
858
858
|
/* No Divider */
|
859
|
-
.ui.secondary.menu .item
|
859
|
+
.ui.secondary.menu .item::before {
|
860
860
|
display: none !important;
|
861
861
|
}
|
862
862
|
|
@@ -1003,7 +1003,7 @@ Floated Menu / Item
|
|
1003
1003
|
.ui.secondary.pointing.menu .text.item {
|
1004
1004
|
box-shadow: none !important;
|
1005
1005
|
}
|
1006
|
-
.ui.secondary.pointing.menu .item
|
1006
|
+
.ui.secondary.pointing.menu .item::after {
|
1007
1007
|
display: none;
|
1008
1008
|
}
|
1009
1009
|
|
@@ -1119,8 +1119,8 @@ Floated Menu / Item
|
|
1119
1119
|
}
|
1120
1120
|
|
1121
1121
|
/* Border */
|
1122
|
-
.ui.text.menu .item
|
1123
|
-
.ui.text.menu .menu .item
|
1122
|
+
.ui.text.menu .item::before,
|
1123
|
+
.ui.text.menu .menu .item::before {
|
1124
1124
|
display: none !important;
|
1125
1125
|
}
|
1126
1126
|
|
@@ -1197,7 +1197,7 @@ Floated Menu / Item
|
|
1197
1197
|
}
|
1198
1198
|
& when (@variationMenuPointing) {
|
1199
1199
|
/* Disable Bariations */
|
1200
|
-
.ui.text.pointing.menu .active.item
|
1200
|
+
.ui.text.pointing.menu .active.item::after {
|
1201
1201
|
box-shadow: none;
|
1202
1202
|
}
|
1203
1203
|
}
|
@@ -1251,7 +1251,7 @@ Floated Menu / Item
|
|
1251
1251
|
}
|
1252
1252
|
|
1253
1253
|
/* Icon Glyph */
|
1254
|
-
.ui.icon.menu i.icon
|
1254
|
+
.ui.icon.menu i.icon::before {
|
1255
1255
|
opacity: 1;
|
1256
1256
|
}
|
1257
1257
|
|
@@ -1327,7 +1327,7 @@ Floated Menu / Item
|
|
1327
1327
|
.ui.stackable.menu .item {
|
1328
1328
|
width: 100% !important;
|
1329
1329
|
}
|
1330
|
-
.ui.stackable.menu .item
|
1330
|
+
.ui.stackable.menu .item::before {
|
1331
1331
|
position: absolute;
|
1332
1332
|
content: '';
|
1333
1333
|
top: auto;
|
@@ -1403,11 +1403,11 @@ Floated Menu / Item
|
|
1403
1403
|
}
|
1404
1404
|
|
1405
1405
|
/*--- Border ---*/
|
1406
|
-
.ui.inverted.menu .item
|
1406
|
+
.ui.inverted.menu .item::before {
|
1407
1407
|
background: @invertedDividerBackground;
|
1408
1408
|
}
|
1409
1409
|
& when (@variationMenuVertical) {
|
1410
|
-
.ui.vertical.inverted.menu .item
|
1410
|
+
.ui.vertical.inverted.menu .item::before {
|
1411
1411
|
background: @invertedVerticalDividerBackground;
|
1412
1412
|
}
|
1413
1413
|
/* Sub Menu */
|
@@ -1462,7 +1462,7 @@ Floated Menu / Item
|
|
1462
1462
|
}
|
1463
1463
|
}
|
1464
1464
|
& when (@variationMenuPointing) {
|
1465
|
-
.ui.inverted.pointing.menu .active.item
|
1465
|
+
.ui.inverted.pointing.menu .active.item::after {
|
1466
1466
|
background: @invertedArrowActiveColor;
|
1467
1467
|
margin: 0 !important;
|
1468
1468
|
box-shadow: none !important;
|
@@ -1476,7 +1476,7 @@ Floated Menu / Item
|
|
1476
1476
|
color: @invertedActiveHoverColor !important;
|
1477
1477
|
}
|
1478
1478
|
& when (@variationMenuPointing) {
|
1479
|
-
.ui.inverted.pointing.menu .active.item:hover
|
1479
|
+
.ui.inverted.pointing.menu .active.item:hover::after {
|
1480
1480
|
background: @invertedArrowActiveHoverColor;
|
1481
1481
|
}
|
1482
1482
|
}
|
@@ -1491,7 +1491,7 @@ Floated Menu / Item
|
|
1491
1491
|
float: left;
|
1492
1492
|
margin: 0 @floatedDistance 0 0;
|
1493
1493
|
}
|
1494
|
-
.ui.floated.menu .item:last-child
|
1494
|
+
.ui.floated.menu .item:last-child::before {
|
1495
1495
|
display: none;
|
1496
1496
|
}
|
1497
1497
|
|
@@ -1525,7 +1525,7 @@ Floated Menu / Item
|
|
1525
1525
|
.ui.ui.inverted.@{color}.menu {
|
1526
1526
|
background-color: @c;
|
1527
1527
|
}
|
1528
|
-
.ui.inverted.@{color}.menu .item
|
1528
|
+
.ui.inverted.@{color}.menu .item::before {
|
1529
1529
|
background-color: @invertedColoredDividerBackground;
|
1530
1530
|
}
|
1531
1531
|
.ui.ui.inverted.@{color}.menu .active.item {
|
@@ -1541,7 +1541,7 @@ Floated Menu / Item
|
|
1541
1541
|
}
|
1542
1542
|
|
1543
1543
|
& when (@variationMenuPointing) {
|
1544
|
-
.ui.ui.ui.inverted.pointing.menu .active.item
|
1544
|
+
.ui.ui.ui.inverted.pointing.menu .active.item::after {
|
1545
1545
|
background-color: inherit;
|
1546
1546
|
}
|
1547
1547
|
}
|
@@ -1576,9 +1576,9 @@ Floated Menu / Item
|
|
1576
1576
|
Borderless
|
1577
1577
|
---------------*/
|
1578
1578
|
|
1579
|
-
.ui.borderless.menu .item
|
1580
|
-
.ui.borderless.menu .item .menu .item
|
1581
|
-
.ui.menu .borderless.item
|
1579
|
+
.ui.borderless.menu .item::before,
|
1580
|
+
.ui.borderless.menu .item .menu .item::before,
|
1581
|
+
.ui.menu .borderless.item::before {
|
1582
1582
|
background: none !important;
|
1583
1583
|
}
|
1584
1584
|
}
|
@@ -1603,7 +1603,7 @@ Floated Menu / Item
|
|
1603
1603
|
.ui.compact.menu:not(.secondary) .item:last-child {
|
1604
1604
|
border-radius: 0 @borderRadius @borderRadius 0;
|
1605
1605
|
}
|
1606
|
-
.ui.compact.menu .item:last-child
|
1606
|
+
.ui.compact.menu .item:last-child::before {
|
1607
1607
|
display: none;
|
1608
1608
|
}
|
1609
1609
|
& when (@variationMenuVertical) {
|
@@ -1646,7 +1646,7 @@ Floated Menu / Item
|
|
1646
1646
|
margin: 0 @attachedHorizontalOffset !important;
|
1647
1647
|
}
|
1648
1648
|
|
1649
|
-
.ui.item.menu .item:last-child
|
1649
|
+
.ui.item.menu .item:last-child::before {
|
1650
1650
|
display: none;
|
1651
1651
|
}
|
1652
1652
|
|
@@ -1758,7 +1758,7 @@ Floated Menu / Item
|
|
1758
1758
|
Pointing
|
1759
1759
|
--------------------*/
|
1760
1760
|
|
1761
|
-
.ui.pointing.menu .item
|
1761
|
+
.ui.pointing.menu .item::after {
|
1762
1762
|
visibility: hidden;
|
1763
1763
|
position: absolute;
|
1764
1764
|
content: '';
|
@@ -1779,7 +1779,7 @@ Floated Menu / Item
|
|
1779
1779
|
transition: @arrowTransition;
|
1780
1780
|
}
|
1781
1781
|
& when (@variationMenuVertical) {
|
1782
|
-
.ui.vertical.pointing.menu .item
|
1782
|
+
.ui.vertical.pointing.menu .item::after {
|
1783
1783
|
position: absolute;
|
1784
1784
|
top: 50%;
|
1785
1785
|
right: 0;
|
@@ -1794,43 +1794,43 @@ Floated Menu / Item
|
|
1794
1794
|
border-right: @arrowBorder;
|
1795
1795
|
}
|
1796
1796
|
}
|
1797
|
-
.ui.pointing.menu .ui.dropdown .menu .item
|
1798
|
-
.ui.vertical.pointing.menu .ui.dropdown .menu .item
|
1797
|
+
.ui.pointing.menu .ui.dropdown .menu .item::after,
|
1798
|
+
.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
|
1799
1799
|
display: none;
|
1800
1800
|
}
|
1801
1801
|
|
1802
1802
|
/* Active */
|
1803
|
-
.ui.pointing.menu .active.item
|
1803
|
+
.ui.pointing.menu .active.item::after {
|
1804
1804
|
visibility: visible;
|
1805
1805
|
}
|
1806
|
-
.ui.pointing.menu .active.dropdown.item
|
1806
|
+
.ui.pointing.menu .active.dropdown.item::after {
|
1807
1807
|
visibility: hidden;
|
1808
1808
|
}
|
1809
1809
|
|
1810
1810
|
/* Don't double up pointers */
|
1811
|
-
.ui.pointing.menu .dropdown.active.item
|
1812
|
-
.ui.pointing.menu .active.item .menu .active.item
|
1811
|
+
.ui.pointing.menu .dropdown.active.item::after,
|
1812
|
+
.ui.pointing.menu .active.item .menu .active.item::after {
|
1813
1813
|
display: none;
|
1814
1814
|
}
|
1815
1815
|
|
1816
1816
|
/* Colors */
|
1817
|
-
.ui.pointing.menu .active.item:hover
|
1817
|
+
.ui.pointing.menu .active.item:hover::after {
|
1818
1818
|
background-color: @arrowHoverColor;
|
1819
1819
|
}
|
1820
|
-
.ui.pointing.menu .active.item
|
1820
|
+
.ui.pointing.menu .active.item::after {
|
1821
1821
|
background-color: @arrowActiveColor;
|
1822
1822
|
}
|
1823
|
-
.ui.pointing.menu .active.item:hover
|
1823
|
+
.ui.pointing.menu .active.item:hover::after {
|
1824
1824
|
background-color: @arrowActiveHoverColor;
|
1825
1825
|
}
|
1826
1826
|
& when (@variationMenuVertical) {
|
1827
|
-
.ui.vertical.pointing.menu .active.item:hover
|
1827
|
+
.ui.vertical.pointing.menu .active.item:hover::after {
|
1828
1828
|
background-color: @arrowVerticalHoverColor;
|
1829
1829
|
}
|
1830
|
-
.ui.vertical.pointing.menu .active.item
|
1830
|
+
.ui.vertical.pointing.menu .active.item::after {
|
1831
1831
|
background-color: @arrowVerticalActiveColor;
|
1832
1832
|
}
|
1833
|
-
.ui.vertical.pointing.menu .menu .active.item
|
1833
|
+
.ui.vertical.pointing.menu .menu .active.item::after {
|
1834
1834
|
background-color: @arrowVerticalSubMenuColor;
|
1835
1835
|
}
|
1836
1836
|
}
|
@@ -1841,7 +1841,7 @@ Floated Menu / Item
|
|
1841
1841
|
@color: @value;
|
1842
1842
|
@c: @colors[@@color][color];
|
1843
1843
|
|
1844
|
-
.ui.inverted.pointing.menu .@{color}.active.item
|
1844
|
+
.ui.inverted.pointing.menu .@{color}.active.item::after {
|
1845
1845
|
background-color: @c;
|
1846
1846
|
}
|
1847
1847
|
})
|
@@ -165,10 +165,10 @@
|
|
165
165
|
.ui.table.segment {
|
166
166
|
padding: 0;
|
167
167
|
}
|
168
|
-
.ui.table.segment
|
168
|
+
.ui.table.segment::after {
|
169
169
|
display: none;
|
170
170
|
}
|
171
|
-
.ui.table.segment.stacked
|
171
|
+
.ui.table.segment.stacked::after {
|
172
172
|
display: block;
|
173
173
|
}
|
174
174
|
|
@@ -1431,7 +1431,7 @@
|
|
1431
1431
|
user-select: none;
|
1432
1432
|
}
|
1433
1433
|
|
1434
|
-
.ui.sortable.table > thead > tr > th
|
1434
|
+
.ui.sortable.table > thead > tr > th::after {
|
1435
1435
|
display: none;
|
1436
1436
|
font-style: normal;
|
1437
1437
|
font-weight: @normal;
|
@@ -1443,10 +1443,10 @@
|
|
1443
1443
|
margin: 0 0 0 @sortableIconDistance;
|
1444
1444
|
font-family: @sortableIconFont;
|
1445
1445
|
}
|
1446
|
-
.ui.sortable.table thead th.ascending
|
1446
|
+
.ui.sortable.table thead th.ascending::after {
|
1447
1447
|
content: @sortableIconAscending;
|
1448
1448
|
}
|
1449
|
-
.ui.sortable.table thead th.descending
|
1449
|
+
.ui.sortable.table thead th.descending::after {
|
1450
1450
|
content: @sortableIconDescending;
|
1451
1451
|
}
|
1452
1452
|
|
@@ -1471,7 +1471,7 @@
|
|
1471
1471
|
.ui.sortable.table:not(.basic) thead th.sorted {
|
1472
1472
|
background: @sortableActiveBackground;
|
1473
1473
|
}
|
1474
|
-
.ui.sortable.table thead th.sorted
|
1474
|
+
.ui.sortable.table thead th.sorted::after {
|
1475
1475
|
display: inline-block;
|
1476
1476
|
}
|
1477
1477
|
|
@@ -138,7 +138,7 @@
|
|
138
138
|
pointer-events: @loadingPointerEvents;
|
139
139
|
transition: @loadingTransition;
|
140
140
|
}
|
141
|
-
.ui.loading.button
|
141
|
+
.ui.loading.button::before {
|
142
142
|
position: absolute;
|
143
143
|
content: '';
|
144
144
|
top: 50%;
|
@@ -151,7 +151,7 @@
|
|
151
151
|
border-radius: @circularRadius;
|
152
152
|
border: @loaderLineWidth solid @invertedLoaderFillColor;
|
153
153
|
}
|
154
|
-
.ui.loading.button
|
154
|
+
.ui.loading.button::after {
|
155
155
|
position: absolute;
|
156
156
|
content: '';
|
157
157
|
top: 50%;
|
@@ -177,10 +177,10 @@
|
|
177
177
|
}
|
178
178
|
}
|
179
179
|
& when (@variationButtonBasic){
|
180
|
-
.ui.basic.loading.button:not(.inverted)
|
180
|
+
.ui.basic.loading.button:not(.inverted)::before {
|
181
181
|
border-color: @loaderFillColor;
|
182
182
|
}
|
183
|
-
.ui.basic.loading.button:not(.inverted)
|
183
|
+
.ui.basic.loading.button:not(.inverted)::after {
|
184
184
|
border-color: @loaderLineColor;
|
185
185
|
}
|
186
186
|
}
|
@@ -404,7 +404,7 @@
|
|
404
404
|
}
|
405
405
|
|
406
406
|
/* Tag */
|
407
|
-
.ui.labeled.button > .tag.label
|
407
|
+
.ui.labeled.button > .tag.label::before {
|
408
408
|
width: @labeledTagLabelSize;
|
409
409
|
height: @labeledTagLabelSize;
|
410
410
|
}
|
@@ -1036,10 +1036,10 @@
|
|
1036
1036
|
}
|
1037
1037
|
|
1038
1038
|
|
1039
|
-
.ui.labeled.icon.buttons > .button > .icon
|
1040
|
-
.ui.labeled.icon.button > .icon
|
1041
|
-
.ui.labeled.icon.buttons > .button > .icon
|
1042
|
-
.ui.labeled.icon.button > .icon
|
1039
|
+
.ui.labeled.icon.buttons > .button > .icon::before,
|
1040
|
+
.ui.labeled.icon.button > .icon::before,
|
1041
|
+
.ui.labeled.icon.buttons > .button > .icon::after,
|
1042
|
+
.ui.labeled.icon.button > .icon::after {
|
1043
1043
|
display: block;
|
1044
1044
|
position: relative;
|
1045
1045
|
width: 100%;
|
@@ -1072,7 +1072,7 @@
|
|
1072
1072
|
}
|
1073
1073
|
|
1074
1074
|
/* Loading Icon in Labeled Button */
|
1075
|
-
.ui.labeled.icon.button > .loading.icon
|
1075
|
+
.ui.labeled.icon.button > .loading.icon::before {
|
1076
1076
|
animation: loader 2s linear infinite;
|
1077
1077
|
}
|
1078
1078
|
}
|
@@ -1126,7 +1126,7 @@
|
|
1126
1126
|
z-index: @orZIndex;
|
1127
1127
|
}
|
1128
1128
|
|
1129
|
-
.ui.buttons .or
|
1129
|
+
.ui.buttons .or::before {
|
1130
1130
|
position: absolute;
|
1131
1131
|
text-align: center;
|
1132
1132
|
border-radius: @circularRadius;
|
@@ -1152,7 +1152,7 @@
|
|
1152
1152
|
box-shadow: @orBoxShadow;
|
1153
1153
|
}
|
1154
1154
|
|
1155
|
-
.ui.buttons .or[data-text]
|
1155
|
+
.ui.buttons .or[data-text]::before {
|
1156
1156
|
content: attr(data-text);
|
1157
1157
|
}
|
1158
1158
|
|
@@ -1161,7 +1161,7 @@
|
|
1161
1161
|
width: 0 !important;
|
1162
1162
|
}
|
1163
1163
|
|
1164
|
-
.ui.fluid.buttons .or
|
1164
|
+
.ui.fluid.buttons .or::after {
|
1165
1165
|
display: none;
|
1166
1166
|
}
|
1167
1167
|
|
@@ -1865,7 +1865,7 @@
|
|
1865
1865
|
}
|
1866
1866
|
|
1867
1867
|
/* Clearfix */
|
1868
|
-
.ui.buttons
|
1868
|
+
.ui.buttons::after {
|
1869
1869
|
content: ".";
|
1870
1870
|
display: block;
|
1871
1871
|
height: 0;
|