less-rails-semantic_ui 2.2.10.0 → 2.2.11.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/fonts/semantic_ui/themes/material/assets/fonts/icons.woff2 +0 -0
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +119 -19
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +108 -50
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +41 -16
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +42 -31
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +11 -2
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +1 -4
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +22 -5
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +43 -43
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +8 -0
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +3 -0
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +24 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +3 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +13 -13
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +34 -34
- data/assets/stylesheets/semantic_ui/definitions/globals/site.less +44 -3
- data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +18 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +63 -30
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +81 -0
- data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +0 -10
- data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +216 -198
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +24 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +7 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +32 -1
- data/lib/generators/semantic_ui/install/templates/config/collections/menu.overrides +1 -1
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- metadata +8 -7
@@ -505,7 +505,7 @@
|
|
505
505
|
|
506
506
|
/* Red */
|
507
507
|
.ui.red.segment:not(.inverted) {
|
508
|
-
border-top: @coloredBorderSize solid @red;
|
508
|
+
border-top: @coloredBorderSize solid @red !important;
|
509
509
|
}
|
510
510
|
.ui.inverted.red.segment {
|
511
511
|
background-color: @red !important;
|
@@ -514,7 +514,7 @@
|
|
514
514
|
|
515
515
|
/* Orange */
|
516
516
|
.ui.orange.segment:not(.inverted) {
|
517
|
-
border-top: @coloredBorderSize solid @orange;
|
517
|
+
border-top: @coloredBorderSize solid @orange !important;
|
518
518
|
}
|
519
519
|
.ui.inverted.orange.segment {
|
520
520
|
background-color: @orange !important;
|
@@ -523,7 +523,7 @@
|
|
523
523
|
|
524
524
|
/* Yellow */
|
525
525
|
.ui.yellow.segment:not(.inverted) {
|
526
|
-
border-top: @coloredBorderSize solid @yellow;
|
526
|
+
border-top: @coloredBorderSize solid @yellow !important;
|
527
527
|
}
|
528
528
|
.ui.inverted.yellow.segment {
|
529
529
|
background-color: @yellow !important;
|
@@ -532,7 +532,7 @@
|
|
532
532
|
|
533
533
|
/* Olive */
|
534
534
|
.ui.olive.segment:not(.inverted) {
|
535
|
-
border-top: @coloredBorderSize solid @olive;
|
535
|
+
border-top: @coloredBorderSize solid @olive !important;
|
536
536
|
}
|
537
537
|
.ui.inverted.olive.segment {
|
538
538
|
background-color: @olive !important;
|
@@ -541,7 +541,7 @@
|
|
541
541
|
|
542
542
|
/* Green */
|
543
543
|
.ui.green.segment:not(.inverted) {
|
544
|
-
border-top: @coloredBorderSize solid @green;
|
544
|
+
border-top: @coloredBorderSize solid @green !important;
|
545
545
|
}
|
546
546
|
.ui.inverted.green.segment {
|
547
547
|
background-color: @green !important;
|
@@ -550,7 +550,7 @@
|
|
550
550
|
|
551
551
|
/* Teal */
|
552
552
|
.ui.teal.segment:not(.inverted) {
|
553
|
-
border-top: @coloredBorderSize solid @teal;
|
553
|
+
border-top: @coloredBorderSize solid @teal !important;
|
554
554
|
}
|
555
555
|
.ui.inverted.teal.segment {
|
556
556
|
background-color: @teal !important;
|
@@ -559,7 +559,7 @@
|
|
559
559
|
|
560
560
|
/* Blue */
|
561
561
|
.ui.blue.segment:not(.inverted) {
|
562
|
-
border-top: @coloredBorderSize solid @blue;
|
562
|
+
border-top: @coloredBorderSize solid @blue !important;
|
563
563
|
}
|
564
564
|
.ui.inverted.blue.segment {
|
565
565
|
background-color: @blue !important;
|
@@ -568,7 +568,7 @@
|
|
568
568
|
|
569
569
|
/* Violet */
|
570
570
|
.ui.violet.segment:not(.inverted) {
|
571
|
-
border-top: @coloredBorderSize solid @violet;
|
571
|
+
border-top: @coloredBorderSize solid @violet !important;
|
572
572
|
}
|
573
573
|
.ui.inverted.violet.segment {
|
574
574
|
background-color: @violet !important;
|
@@ -577,7 +577,7 @@
|
|
577
577
|
|
578
578
|
/* Purple */
|
579
579
|
.ui.purple.segment:not(.inverted) {
|
580
|
-
border-top: @coloredBorderSize solid @purple;
|
580
|
+
border-top: @coloredBorderSize solid @purple !important;
|
581
581
|
}
|
582
582
|
.ui.inverted.purple.segment {
|
583
583
|
background-color: @purple !important;
|
@@ -586,7 +586,7 @@
|
|
586
586
|
|
587
587
|
/* Pink */
|
588
588
|
.ui.pink.segment:not(.inverted) {
|
589
|
-
border-top: @coloredBorderSize solid @pink;
|
589
|
+
border-top: @coloredBorderSize solid @pink !important;
|
590
590
|
}
|
591
591
|
.ui.inverted.pink.segment {
|
592
592
|
background-color: @pink !important;
|
@@ -595,7 +595,7 @@
|
|
595
595
|
|
596
596
|
/* Brown */
|
597
597
|
.ui.brown.segment:not(.inverted) {
|
598
|
-
border-top: @coloredBorderSize solid @brown;
|
598
|
+
border-top: @coloredBorderSize solid @brown !important;
|
599
599
|
}
|
600
600
|
.ui.inverted.brown.segment {
|
601
601
|
background-color: @brown !important;
|
@@ -604,7 +604,7 @@
|
|
604
604
|
|
605
605
|
/* Grey */
|
606
606
|
.ui.grey.segment:not(.inverted) {
|
607
|
-
border-top: @coloredBorderSize solid @grey;
|
607
|
+
border-top: @coloredBorderSize solid @grey !important;
|
608
608
|
}
|
609
609
|
.ui.inverted.grey.segment {
|
610
610
|
background-color: @grey !important;
|
@@ -613,7 +613,7 @@
|
|
613
613
|
|
614
614
|
/* Black */
|
615
615
|
.ui.black.segment:not(.inverted) {
|
616
|
-
border-top: @coloredBorderSize solid @black;
|
616
|
+
border-top: @coloredBorderSize solid @black !important;
|
617
617
|
}
|
618
618
|
.ui.inverted.black.segment {
|
619
619
|
background-color: @black !important;
|
@@ -270,40 +270,40 @@
|
|
270
270
|
/* Mobile (Default) */
|
271
271
|
@media only screen and (max-width: (@largestMobileScreen)) {
|
272
272
|
|
273
|
-
.ui.steps {
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
}
|
278
|
-
.ui.steps .step {
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
}
|
284
|
-
.ui.steps .step:first-child {
|
285
|
-
|
286
|
-
|
287
|
-
}
|
288
|
-
.ui.steps .step:last-child {
|
289
|
-
|
290
|
-
}
|
291
|
-
|
292
|
-
/* Arrow */
|
293
|
-
.ui.steps .step:after {
|
294
|
-
|
295
|
-
}
|
296
|
-
|
297
|
-
/* Content */
|
298
|
-
.ui.steps .step .content {
|
299
|
-
|
300
|
-
}
|
301
|
-
|
302
|
-
/* Icon */
|
303
|
-
.ui.steps .step > .icon,
|
304
|
-
.ui.ordered.steps .step:before {
|
305
|
-
|
306
|
-
}
|
273
|
+
.ui.steps:not(.unstackable) {
|
274
|
+
display: inline-flex;
|
275
|
+
overflow: visible;
|
276
|
+
flex-direction: column;
|
277
|
+
}
|
278
|
+
.ui.steps:not(.unstackable) .step {
|
279
|
+
width: 100% !important;
|
280
|
+
flex-direction: column;
|
281
|
+
border-radius: @borderRadius;
|
282
|
+
padding: @verticalPadding @horizontalPadding;
|
283
|
+
}
|
284
|
+
.ui.steps:not(.unstackable) .step:first-child {
|
285
|
+
padding: @verticalPadding @horizontalPadding;
|
286
|
+
border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
|
287
|
+
}
|
288
|
+
.ui.steps:not(.unstackable) .step:last-child {
|
289
|
+
border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
|
290
|
+
}
|
291
|
+
|
292
|
+
/* Arrow */
|
293
|
+
.ui.steps:not(.unstackable) .step:after {
|
294
|
+
display: none !important;
|
295
|
+
}
|
296
|
+
|
297
|
+
/* Content */
|
298
|
+
.ui.steps:not(.unstackable) .step .content {
|
299
|
+
text-align: center;
|
300
|
+
}
|
301
|
+
|
302
|
+
/* Icon */
|
303
|
+
.ui.steps:not(.unstackable) .step > .icon,
|
304
|
+
.ui.ordered.steps:not(.unstackable) .step:before {
|
305
|
+
margin: 0em 0em @mobileIconDistance 0em;
|
306
|
+
}
|
307
307
|
|
308
308
|
}
|
309
309
|
|
@@ -56,8 +56,6 @@ body {
|
|
56
56
|
font-smoothing: @fontSmoothing;
|
57
57
|
}
|
58
58
|
|
59
|
-
|
60
|
-
|
61
59
|
/*******************************
|
62
60
|
Headers
|
63
61
|
*******************************/
|
@@ -137,6 +135,49 @@ a:hover {
|
|
137
135
|
}
|
138
136
|
|
139
137
|
|
138
|
+
/*******************************
|
139
|
+
Scrollbars
|
140
|
+
*******************************/
|
141
|
+
|
142
|
+
.addScrollbars() when (@useCustomScrollbars) {
|
143
|
+
|
144
|
+
/* Force Simple Scrollbars */
|
145
|
+
body ::-webkit-scrollbar {
|
146
|
+
-webkit-appearance: none;
|
147
|
+
width: @customScrollbarWidth;
|
148
|
+
}
|
149
|
+
body ::-webkit-scrollbar-track {
|
150
|
+
background: @trackBackground;
|
151
|
+
border-radius: @trackBorderRadius;
|
152
|
+
}
|
153
|
+
body ::-webkit-scrollbar-thumb {
|
154
|
+
cursor: pointer;
|
155
|
+
border-radius: @thumbBorderRadius;
|
156
|
+
background: @thumbBackground;
|
157
|
+
transition: @thumbTransition;
|
158
|
+
}
|
159
|
+
body ::-webkit-scrollbar-thumb:window-inactive {
|
160
|
+
background: @thumbInactiveBackground;
|
161
|
+
}
|
162
|
+
body ::-webkit-scrollbar-thumb:hover {
|
163
|
+
background: @thumbHoverBackground;
|
164
|
+
}
|
165
|
+
|
166
|
+
/* Inverted UI */
|
167
|
+
body .ui.inverted::-webkit-scrollbar-track {
|
168
|
+
background: @trackInvertedBackground;
|
169
|
+
}
|
170
|
+
body .ui.inverted::-webkit-scrollbar-thumb {
|
171
|
+
background: @thumbInvertedBackground;
|
172
|
+
}
|
173
|
+
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
|
174
|
+
background: @thumbInvertedInactiveBackground;
|
175
|
+
}
|
176
|
+
body .ui.inverted::-webkit-scrollbar-thumb:hover {
|
177
|
+
background: @thumbInvertedHoverBackground;
|
178
|
+
}
|
179
|
+
}
|
180
|
+
|
140
181
|
/*******************************
|
141
182
|
Highlighting
|
142
183
|
*******************************/
|
@@ -172,5 +213,5 @@ input::selection {
|
|
172
213
|
color: @inputHighlightColor;
|
173
214
|
}
|
174
215
|
|
175
|
-
|
216
|
+
.addScrollbars();
|
176
217
|
.loadUIOverrides();
|
@@ -31,7 +31,7 @@
|
|
31
31
|
Dimmer
|
32
32
|
*******************************/
|
33
33
|
|
34
|
-
.dimmable:not(
|
34
|
+
.dimmable:not(body) {
|
35
35
|
position: @dimmablePosition;
|
36
36
|
}
|
37
37
|
|
@@ -79,6 +79,23 @@
|
|
79
79
|
border-radius: inherit !important;
|
80
80
|
}
|
81
81
|
|
82
|
+
/* Scrollbars */
|
83
|
+
.addScrollbars() when (@useCustomScrollbars) {
|
84
|
+
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
|
85
|
+
background: @trackInvertedBackground;
|
86
|
+
}
|
87
|
+
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
|
88
|
+
background: @thumbInvertedBackground;
|
89
|
+
}
|
90
|
+
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
|
91
|
+
background: @thumbInvertedInactiveBackground;
|
92
|
+
}
|
93
|
+
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
|
94
|
+
background: @thumbInvertedHoverBackground;
|
95
|
+
}
|
96
|
+
}
|
97
|
+
.addScrollbars();
|
98
|
+
|
82
99
|
/*******************************
|
83
100
|
States
|
84
101
|
*******************************/
|
@@ -239,8 +239,8 @@
|
|
239
239
|
|
240
240
|
.ui.dropdown .menu .menu {
|
241
241
|
top: @subMenuTop !important;
|
242
|
-
left: @subMenuLeft
|
243
|
-
right: @subMenuRight
|
242
|
+
left: @subMenuLeft;
|
243
|
+
right: @subMenuRight;
|
244
244
|
margin: @subMenuMargin !important;
|
245
245
|
border-radius: @subMenuBorderRadius !important;
|
246
246
|
z-index: @subMenuZIndex !important;
|
@@ -295,8 +295,10 @@
|
|
295
295
|
.ui.dropdown .menu > .item > .image,
|
296
296
|
.ui.dropdown .menu > .item > img {
|
297
297
|
display: inline-block;
|
298
|
-
vertical-align:
|
298
|
+
vertical-align: top;
|
299
299
|
width: auto;
|
300
|
+
margin-top: @menuImageVerticalMargin;
|
301
|
+
margin-bottom: @menuImageVerticalMargin;
|
300
302
|
max-height: @menuImageMaxHeight;
|
301
303
|
}
|
302
304
|
|
@@ -779,7 +781,9 @@ select.ui.dropdown {
|
|
779
781
|
|
780
782
|
.ui.loading.dropdown > i.icon {
|
781
783
|
height: @relative14px !important;
|
782
|
-
|
784
|
+
}
|
785
|
+
.ui.loading.selection.dropdown > i.icon {
|
786
|
+
padding: @relative21px @relative18px !important;
|
783
787
|
}
|
784
788
|
.ui.loading.dropdown > i.icon:before {
|
785
789
|
position: absolute;
|
@@ -857,6 +861,14 @@ select.ui.dropdown {
|
|
857
861
|
visibility: hidden;
|
858
862
|
z-index: @loadingZIndex;
|
859
863
|
}
|
864
|
+
.ui.dropdown > .loading.menu {
|
865
|
+
left: 0px !important;
|
866
|
+
right: auto !important;
|
867
|
+
}
|
868
|
+
.ui.dropdown > .menu .loading.menu {
|
869
|
+
left: 100% !important;
|
870
|
+
right: auto !important;
|
871
|
+
}
|
860
872
|
|
861
873
|
/*--------------------
|
862
874
|
Keyboard Select
|
@@ -959,11 +971,17 @@ select.ui.dropdown {
|
|
959
971
|
border-radius: @subMenuBorderRadius !important;
|
960
972
|
}
|
961
973
|
|
962
|
-
/*
|
974
|
+
/* Leftward Opening Menu */
|
975
|
+
.ui.dropdown > .left.menu {
|
976
|
+
left: auto !important;
|
977
|
+
right: 0px !important;
|
978
|
+
}
|
979
|
+
|
963
980
|
.ui.dropdown > .left.menu .menu,
|
964
981
|
.ui.dropdown .menu .left.menu {
|
965
|
-
left: auto
|
966
|
-
right: 100
|
982
|
+
left: auto;
|
983
|
+
right: 100%;
|
984
|
+
margin: @leftSubMenuMargin !important;
|
967
985
|
border-radius: @leftSubMenuBorderRadius !important;
|
968
986
|
}
|
969
987
|
|
@@ -982,6 +1000,7 @@ select.ui.dropdown {
|
|
982
1000
|
.ui.dropdown .item .left.dropdown.icon + .text,
|
983
1001
|
.ui.dropdown .left.menu .item .dropdown.icon + .text {
|
984
1002
|
margin-left: @itemDropdownIconDistance;
|
1003
|
+
margin-right: 0em;
|
985
1004
|
}
|
986
1005
|
|
987
1006
|
|
@@ -1255,7 +1274,7 @@ select.ui.dropdown {
|
|
1255
1274
|
margin: 0em;
|
1256
1275
|
transform: rotate(45deg);
|
1257
1276
|
}
|
1258
|
-
/* Top Right
|
1277
|
+
/* Top Right Pointing */
|
1259
1278
|
.ui.top.right.pointing.dropdown > .menu {
|
1260
1279
|
top: 100%;
|
1261
1280
|
bottom: auto;
|
@@ -1263,10 +1282,11 @@ select.ui.dropdown {
|
|
1263
1282
|
left: auto;
|
1264
1283
|
margin: @pointingArrowDistanceFromEdge 0em 0em;
|
1265
1284
|
}
|
1285
|
+
.ui.top.pointing.dropdown > .left.menu:after,
|
1266
1286
|
.ui.top.right.pointing.dropdown > .menu:after {
|
1267
1287
|
top: @pointingArrowOffset;
|
1268
|
-
left: auto;
|
1269
|
-
right: @pointingArrowDistanceFromEdge;
|
1288
|
+
left: auto !important;
|
1289
|
+
right: @pointingArrowDistanceFromEdge !important;
|
1270
1290
|
margin: 0em;
|
1271
1291
|
transform: rotate(45deg);
|
1272
1292
|
}
|
@@ -1284,6 +1304,19 @@ select.ui.dropdown {
|
|
1284
1304
|
margin: 0em 0em 0em 0em;
|
1285
1305
|
transform: rotate(-45deg);
|
1286
1306
|
}
|
1307
|
+
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
|
1308
|
+
left: auto !important;
|
1309
|
+
right: 100% !important;
|
1310
|
+
margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
|
1311
|
+
}
|
1312
|
+
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
|
1313
|
+
top: 1em;
|
1314
|
+
left: auto;
|
1315
|
+
right: @pointingArrowOffset;
|
1316
|
+
margin: 0em 0em 0em 0em;
|
1317
|
+
transform: rotate(135deg);
|
1318
|
+
}
|
1319
|
+
|
1287
1320
|
|
1288
1321
|
/* Right Pointing */
|
1289
1322
|
.ui.right.pointing.dropdown > .menu {
|
@@ -1342,44 +1375,44 @@ select.ui.dropdown {
|
|
1342
1375
|
}
|
1343
1376
|
|
1344
1377
|
/* Upward pointing */
|
1345
|
-
.ui.upward.
|
1346
|
-
.ui.
|
1347
|
-
top: auto;
|
1348
|
-
bottom: 100
|
1378
|
+
.ui.pointing.upward.dropdown .menu,
|
1379
|
+
.ui.top.pointing.upward.dropdown .menu {
|
1380
|
+
top: auto !important;
|
1381
|
+
bottom: 100% !important;
|
1349
1382
|
margin: 0em 0em @pointingMenuDistance;
|
1350
1383
|
border-radius: @pointingUpwardMenuBorderRadius;
|
1351
1384
|
}
|
1352
|
-
.ui.upward.
|
1353
|
-
.ui.
|
1354
|
-
top: 100
|
1355
|
-
bottom: auto;
|
1385
|
+
.ui.pointing.upward.dropdown .menu:after,
|
1386
|
+
.ui.top.pointing.upward.dropdown .menu:after {
|
1387
|
+
top: 100% !important;
|
1388
|
+
bottom: auto !important;
|
1356
1389
|
box-shadow: @pointingUpwardArrowBoxShadow;
|
1357
1390
|
margin: @pointingArrowOffset 0em 0em;
|
1358
1391
|
}
|
1359
1392
|
|
1360
1393
|
/* Right Pointing Upward */
|
1361
|
-
.ui.
|
1362
|
-
top: auto;
|
1363
|
-
bottom: 0;
|
1394
|
+
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
|
1395
|
+
top: auto !important;
|
1396
|
+
bottom: 0 !important;
|
1364
1397
|
margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
|
1365
1398
|
}
|
1366
|
-
.ui.
|
1367
|
-
top: auto;
|
1368
|
-
bottom: 0;
|
1399
|
+
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
|
1400
|
+
top: auto !important;
|
1401
|
+
bottom: 0 !important;
|
1369
1402
|
margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
|
1370
1403
|
box-shadow: @pointingArrowBoxShadow;
|
1371
1404
|
}
|
1372
1405
|
|
1373
1406
|
|
1374
1407
|
/* Left Pointing Upward */
|
1375
|
-
.ui.
|
1376
|
-
top: auto;
|
1377
|
-
bottom: 0;
|
1408
|
+
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
|
1409
|
+
top: auto !important;
|
1410
|
+
bottom: 0 !important;
|
1378
1411
|
margin: 0em 0em 0em @pointingArrowDistanceFromEdge;
|
1379
1412
|
}
|
1380
|
-
.ui.
|
1381
|
-
top: auto;
|
1382
|
-
bottom: 0;
|
1413
|
+
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
|
1414
|
+
top: auto !important;
|
1415
|
+
bottom: 0 !important;
|
1383
1416
|
margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
|
1384
1417
|
box-shadow: @pointingArrowBoxShadow;
|
1385
1418
|
}
|