less-rails-semantic_ui 2.1.8.2 → 2.2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.github/ISSUE_TEMPLATE.md +15 -0
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.eot +0 -0
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg +146 -26
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf +0 -0
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff +0 -0
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff2 +0 -0
- data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +41 -16
- data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +233 -227
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +58 -23
- data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +20 -7
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +89 -22
- data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +13 -5
- data/assets/javascripts/semantic_ui/definitions/globals/site.js +2 -2
- data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +20 -6
- data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +31 -9
- data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +27 -9
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +482 -207
- data/assets/javascripts/semantic_ui/definitions/modules/embed.js +50 -13
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +28 -13
- data/assets/javascripts/semantic_ui/definitions/modules/nag.js +28 -7
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +136 -76
- data/assets/javascripts/semantic_ui/definitions/modules/progress.js +177 -62
- data/assets/javascripts/semantic_ui/definitions/modules/rating.js +41 -8
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +109 -56
- data/assets/javascripts/semantic_ui/definitions/modules/shape.js +52 -19
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +21 -7
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +48 -19
- data/assets/javascripts/semantic_ui/definitions/modules/tab.js +57 -27
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +24 -8
- data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +42 -36
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +12 -5
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +50 -6
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +20 -1
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +16 -3
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +184 -40
- data/assets/stylesheets/semantic_ui/definitions/elements/container.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +1 -3
- data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/header.less +2 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/image.less +6 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +14 -14
- data/assets/stylesheets/semantic_ui/definitions/elements/label.less +3 -3
- data/assets/stylesheets/semantic_ui/definitions/elements/list.less +29 -16
- data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +72 -9
- data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +21 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +2 -3
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +44 -3
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +28 -8
- data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/globals/site.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +9 -10
- data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +39 -21
- data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +344 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/search.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/views/card.less +20 -2
- data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/views/feed.less +0 -1
- data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +18 -19
- data/assets/stylesheets/semantic_ui/themes/basic/globals/reset.overrides +1 -1
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +4 -5
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +13 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +47 -1
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +7 -2
- data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +14 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +263 -76
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +3 -1
- data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +2 -4
- data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +2 -1
- data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +17 -5
- data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +1 -6
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +170 -46
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +15 -12
- data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +41 -3
- data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +2 -2
- data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +11 -0
- data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +1 -1
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- metadata +4 -3
@@ -13,7 +13,6 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright 2015 Contributors
|
17
16
|
* Released under the MIT license
|
18
17
|
* http://opensource.org/licenses/MIT
|
19
18
|
*
|
@@ -361,6 +360,7 @@
|
|
361
360
|
.ui.red.message {
|
362
361
|
background-color: @redBackground;
|
363
362
|
color: @redTextColor;
|
363
|
+
box-shadow: @redBoxShadow;
|
364
364
|
}
|
365
365
|
.ui.red.message .header {
|
366
366
|
color: @redHeaderColor;
|
@@ -369,6 +369,7 @@
|
|
369
369
|
.ui.orange.message {
|
370
370
|
background-color: @orangeBackground;
|
371
371
|
color: @orangeTextColor;
|
372
|
+
box-shadow: @orangeBoxShadow;
|
372
373
|
}
|
373
374
|
.ui.orange.message .header {
|
374
375
|
color: @orangeHeaderColor;
|
@@ -377,6 +378,7 @@
|
|
377
378
|
.ui.yellow.message {
|
378
379
|
background-color: @yellowBackground;
|
379
380
|
color: @yellowTextColor;
|
381
|
+
box-shadow: @yellowBoxShadow;
|
380
382
|
}
|
381
383
|
.ui.yellow.message .header {
|
382
384
|
color: @yellowHeaderColor;
|
@@ -385,6 +387,7 @@
|
|
385
387
|
.ui.olive.message {
|
386
388
|
background-color: @oliveBackground;
|
387
389
|
color: @oliveTextColor;
|
390
|
+
box-shadow: @oliveBoxShadow;
|
388
391
|
}
|
389
392
|
.ui.olive.message .header {
|
390
393
|
color: @oliveHeaderColor;
|
@@ -393,6 +396,7 @@
|
|
393
396
|
.ui.green.message {
|
394
397
|
background-color: @greenBackground;
|
395
398
|
color: @greenTextColor;
|
399
|
+
box-shadow: @greenBoxShadow;
|
396
400
|
}
|
397
401
|
.ui.green.message .header {
|
398
402
|
color: @greenHeaderColor;
|
@@ -401,6 +405,7 @@
|
|
401
405
|
.ui.teal.message {
|
402
406
|
background-color: @tealBackground;
|
403
407
|
color: @tealTextColor;
|
408
|
+
box-shadow: @tealBoxShadow;
|
404
409
|
}
|
405
410
|
.ui.teal.message .header {
|
406
411
|
color: @tealHeaderColor;
|
@@ -409,6 +414,7 @@
|
|
409
414
|
.ui.blue.message {
|
410
415
|
background-color: @blueBackground;
|
411
416
|
color: @blueTextColor;
|
417
|
+
box-shadow: @blueBoxShadow;
|
412
418
|
}
|
413
419
|
.ui.blue.message .header {
|
414
420
|
color: @blueHeaderColor;
|
@@ -417,6 +423,7 @@
|
|
417
423
|
.ui.violet.message {
|
418
424
|
background-color: @violetBackground;
|
419
425
|
color: @violetTextColor;
|
426
|
+
box-shadow: @violetBoxShadow;
|
420
427
|
}
|
421
428
|
.ui.violet.message .header {
|
422
429
|
color: @violetHeaderColor;
|
@@ -425,6 +432,7 @@
|
|
425
432
|
.ui.purple.message {
|
426
433
|
background-color: @purpleBackground;
|
427
434
|
color: @purpleTextColor;
|
435
|
+
box-shadow: @purpleBoxShadow;
|
428
436
|
}
|
429
437
|
.ui.purple.message .header {
|
430
438
|
color: @purpleHeaderColor;
|
@@ -433,6 +441,7 @@
|
|
433
441
|
.ui.pink.message {
|
434
442
|
background-color: @pinkBackground;
|
435
443
|
color: @pinkTextColor;
|
444
|
+
box-shadow: @pinkBoxShadow;
|
436
445
|
}
|
437
446
|
.ui.pink.message .header {
|
438
447
|
color: @pinkHeaderColor;
|
@@ -441,6 +450,7 @@
|
|
441
450
|
.ui.brown.message {
|
442
451
|
background-color: @brownBackground;
|
443
452
|
color: @brownTextColor;
|
453
|
+
box-shadow: @brownBoxShadow;
|
444
454
|
}
|
445
455
|
.ui.brown.message .header {
|
446
456
|
color: @brownHeaderColor;
|
@@ -450,6 +460,12 @@
|
|
450
460
|
Sizes
|
451
461
|
---------------*/
|
452
462
|
|
463
|
+
.ui.mini.message {
|
464
|
+
font-size: @relativeMini;
|
465
|
+
}
|
466
|
+
.ui.tiny.message {
|
467
|
+
font-size: @relativeTiny;
|
468
|
+
}
|
453
469
|
.ui.small.message {
|
454
470
|
font-size: @relativeSmall;
|
455
471
|
}
|
@@ -459,6 +475,9 @@
|
|
459
475
|
.ui.large.message {
|
460
476
|
font-size: @relativeLarge;
|
461
477
|
}
|
478
|
+
.ui.big.message {
|
479
|
+
font-size: @relativeBig;
|
480
|
+
}
|
462
481
|
.ui.huge.message {
|
463
482
|
font-size: @relativeHuge;
|
464
483
|
}
|
@@ -13,7 +13,6 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright 2015 Contributors
|
17
16
|
* Released under the MIT license
|
18
17
|
* http://opensource.org/licenses/MIT
|
19
18
|
*
|
@@ -278,12 +277,20 @@
|
|
278
277
|
}
|
279
278
|
|
280
279
|
/* Highlight Defining Column */
|
281
|
-
.ui.definition.table tr td:first-child
|
280
|
+
.ui.definition.table tr td:first-child:not(.ignored),
|
281
|
+
.ui.definition.table tr td.definition {
|
282
282
|
background: @definitionColumnBackground;
|
283
283
|
font-weight: @definitionColumnFontWeight;
|
284
284
|
color: @definitionColumnColor;
|
285
|
+
text-transform: @definitionColumnTextTransform;
|
286
|
+
box-shadow: @definitionColumnBoxShadow;
|
287
|
+
text-align: @definitionColumnTextAlign;
|
288
|
+
font-size: @definitionColumnFontSize;
|
289
|
+
padding-left: @definitionColumnHorizontalPadding;
|
290
|
+
padding-right: @definitionColumnHorizontalPadding;
|
285
291
|
}
|
286
292
|
|
293
|
+
|
287
294
|
/* Fix 2nd Column */
|
288
295
|
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
|
289
296
|
border-left: @borderWidth solid @borderColor;
|
@@ -609,6 +616,12 @@
|
|
609
616
|
background-color: @invertedStripedBackground;
|
610
617
|
}
|
611
618
|
|
619
|
+
/* Allow striped active hover */
|
620
|
+
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
|
621
|
+
background: @activeBackgroundHover !important;
|
622
|
+
color: @activeColorHover !important;
|
623
|
+
}
|
624
|
+
|
612
625
|
/*--------------
|
613
626
|
Single Line
|
614
627
|
---------------*/
|
@@ -1108,4 +1121,4 @@
|
|
1108
1121
|
font-size: @large;
|
1109
1122
|
}
|
1110
1123
|
|
1111
|
-
.loadUIOverrides();
|
1124
|
+
.loadUIOverrides();
|
@@ -13,7 +13,6 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright 2015 Contributors
|
17
16
|
* Released under the MIT license
|
18
17
|
* http://opensource.org/licenses/MIT
|
19
18
|
*
|
@@ -217,7 +216,7 @@
|
|
217
216
|
opacity: @disabledOpacity !important;
|
218
217
|
background-image: none !important;
|
219
218
|
box-shadow: none !important;
|
220
|
-
pointer-events: none;
|
219
|
+
pointer-events: none !important;
|
221
220
|
}
|
222
221
|
|
223
222
|
/* Basic Group With Disabled */
|
@@ -601,7 +600,11 @@
|
|
601
600
|
vertical-align: @iconVerticalAlign;
|
602
601
|
color: @iconColor;
|
603
602
|
}
|
604
|
-
|
603
|
+
|
604
|
+
.ui.button:not(.icon) > .icon:not(.button) {
|
605
|
+
margin: @iconMargin;
|
606
|
+
}
|
607
|
+
.ui.button:not(.icon) > .right.icon:not(.button) {
|
605
608
|
margin: @rightIconMargin;
|
606
609
|
}
|
607
610
|
|
@@ -1888,7 +1891,7 @@
|
|
1888
1891
|
.ui.inverted.green.button.active,
|
1889
1892
|
.ui.inverted.green.buttons .button:active,
|
1890
1893
|
.ui.inverted.green.button:active {
|
1891
|
-
box-
|
1894
|
+
box-shadow: none !important;
|
1892
1895
|
color: @greenTextColor;
|
1893
1896
|
}
|
1894
1897
|
.ui.inverted.green.buttons .button:hover,
|
@@ -3061,15 +3064,16 @@
|
|
3061
3064
|
Primary
|
3062
3065
|
--------------------*/
|
3063
3066
|
|
3067
|
+
/*--- Standard ---*/
|
3064
3068
|
.ui.primary.buttons .button,
|
3065
3069
|
.ui.primary.button {
|
3066
3070
|
background-color: @primaryColor;
|
3067
3071
|
color: @primaryTextColor;
|
3068
3072
|
text-shadow: @primaryTextShadow;
|
3069
|
-
background-image: @
|
3073
|
+
background-image: @coloredBackgroundImage;
|
3070
3074
|
}
|
3071
3075
|
.ui.primary.button {
|
3072
|
-
box-shadow: @
|
3076
|
+
box-shadow: @coloredBoxShadow;
|
3073
3077
|
}
|
3074
3078
|
.ui.primary.buttons .button:hover,
|
3075
3079
|
.ui.primary.button:hover {
|
@@ -3090,25 +3094,61 @@
|
|
3090
3094
|
text-shadow: @primaryTextShadow;
|
3091
3095
|
}
|
3092
3096
|
.ui.primary.buttons .active.button,
|
3093
|
-
.ui.primary.active.button
|
3097
|
+
.ui.primary.buttons .active.button:active,
|
3098
|
+
.ui.primary.active.button,
|
3099
|
+
.ui.primary.button .active.button:active {
|
3094
3100
|
background-color: @primaryColorActive;
|
3095
3101
|
color: @primaryTextColor;
|
3096
3102
|
text-shadow: @primaryTextShadow;
|
3097
3103
|
}
|
3098
3104
|
|
3105
|
+
/* Basic */
|
3106
|
+
.ui.basic.primary.buttons .button,
|
3107
|
+
.ui.basic.primary.button {
|
3108
|
+
box-shadow: 0px 0px 0px @basicBorderSize @primaryColor inset !important;
|
3109
|
+
color: @primaryColor !important;
|
3110
|
+
}
|
3111
|
+
.ui.basic.primary.buttons .button:hover,
|
3112
|
+
.ui.basic.primary.button:hover {
|
3113
|
+
background: transparent !important;
|
3114
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorHover inset !important;
|
3115
|
+
color: @primaryColorHover !important;
|
3116
|
+
}
|
3117
|
+
.ui.basic.primary.buttons .button:focus,
|
3118
|
+
.ui.basic.primary.button:focus {
|
3119
|
+
background: transparent !important;
|
3120
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorFocus inset !important;
|
3121
|
+
color: @primaryColorHover !important;
|
3122
|
+
}
|
3123
|
+
.ui.basic.primary.buttons .active.button,
|
3124
|
+
.ui.basic.primary.active.button {
|
3125
|
+
background: transparent !important;
|
3126
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorActive inset !important;
|
3127
|
+
color: @primaryColorDown !important;
|
3128
|
+
}
|
3129
|
+
.ui.basic.primary.buttons .button:active,
|
3130
|
+
.ui.basic.primary.button:active {
|
3131
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorDown inset !important;
|
3132
|
+
color: @primaryColorDown !important;
|
3133
|
+
}
|
3134
|
+
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
|
3135
|
+
margin-left: -@basicColoredBorderSize;
|
3136
|
+
}
|
3137
|
+
|
3099
3138
|
/*-------------------
|
3100
3139
|
Secondary
|
3101
3140
|
--------------------*/
|
3102
3141
|
|
3142
|
+
/* Standard */
|
3103
3143
|
.ui.secondary.buttons .button,
|
3104
3144
|
.ui.secondary.button {
|
3105
3145
|
background-color: @secondaryColor;
|
3106
3146
|
color: @secondaryTextColor;
|
3107
3147
|
text-shadow: @secondaryTextShadow;
|
3108
|
-
background-image: @
|
3148
|
+
background-image: @coloredBackgroundImage;
|
3109
3149
|
}
|
3110
3150
|
.ui.secondary.button {
|
3111
|
-
box-shadow: @
|
3151
|
+
box-shadow: @coloredBoxShadow;
|
3112
3152
|
}
|
3113
3153
|
.ui.secondary.buttons .button:hover,
|
3114
3154
|
.ui.secondary.button:hover {
|
@@ -3129,21 +3169,57 @@
|
|
3129
3169
|
text-shadow: @secondaryTextShadow;
|
3130
3170
|
}
|
3131
3171
|
.ui.secondary.buttons .active.button,
|
3132
|
-
.ui.secondary.active.button
|
3172
|
+
.ui.secondary.buttons .active.button:active,
|
3173
|
+
.ui.secondary.active.button,
|
3174
|
+
.ui.secondary.button .active.button:active {
|
3133
3175
|
background-color: @secondaryColorActive;
|
3134
3176
|
color: @secondaryTextColor;
|
3135
3177
|
text-shadow: @secondaryTextShadow;
|
3136
3178
|
}
|
3137
3179
|
|
3180
|
+
/* Basic */
|
3181
|
+
.ui.basic.secondary.buttons .button,
|
3182
|
+
.ui.basic.secondary.button {
|
3183
|
+
box-shadow: 0px 0px 0px @basicBorderSize @secondaryColor inset !important;
|
3184
|
+
color: @secondaryColor !important;
|
3185
|
+
}
|
3186
|
+
.ui.basic.secondary.buttons .button:hover,
|
3187
|
+
.ui.basic.secondary.button:hover {
|
3188
|
+
background: transparent !important;
|
3189
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorHover inset !important;
|
3190
|
+
color: @secondaryColorHover !important;
|
3191
|
+
}
|
3192
|
+
.ui.basic.secondary.buttons .button:focus,
|
3193
|
+
.ui.basic.secondary.button:focus {
|
3194
|
+
background: transparent !important;
|
3195
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorFocus inset !important;
|
3196
|
+
color: @secondaryColorHover !important;
|
3197
|
+
}
|
3198
|
+
.ui.basic.secondary.buttons .active.button,
|
3199
|
+
.ui.basic.secondary.active.button {
|
3200
|
+
background: transparent !important;
|
3201
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorActive inset !important;
|
3202
|
+
color: @secondaryColorDown !important;
|
3203
|
+
}
|
3204
|
+
.ui.basic.secondary.buttons .button:active,
|
3205
|
+
.ui.basic.secondary.button:active {
|
3206
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorDown inset !important;
|
3207
|
+
color: @secondaryColorDown !important;
|
3208
|
+
}
|
3209
|
+
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
|
3210
|
+
margin-left: -@basicColoredBorderSize;
|
3211
|
+
}
|
3212
|
+
|
3138
3213
|
/*---------------
|
3139
3214
|
Positive
|
3140
3215
|
----------------*/
|
3141
3216
|
|
3217
|
+
/* Standard */
|
3142
3218
|
.ui.positive.buttons .button,
|
3143
3219
|
.ui.positive.button {
|
3144
|
-
background-color: @positiveColor
|
3145
|
-
color: @
|
3146
|
-
text-shadow: @
|
3220
|
+
background-color: @positiveColor;
|
3221
|
+
color: @positiveTextColor;
|
3222
|
+
text-shadow: @positiveTextShadow;
|
3147
3223
|
background-image: @coloredBackgroundImage;
|
3148
3224
|
}
|
3149
3225
|
.ui.positive.button {
|
@@ -3151,40 +3227,74 @@
|
|
3151
3227
|
}
|
3152
3228
|
.ui.positive.buttons .button:hover,
|
3153
3229
|
.ui.positive.button:hover {
|
3154
|
-
background-color: @positiveColorHover
|
3155
|
-
color: @
|
3156
|
-
text-shadow: @
|
3230
|
+
background-color: @positiveColorHover;
|
3231
|
+
color: @positiveTextColor;
|
3232
|
+
text-shadow: @positiveTextShadow;
|
3157
3233
|
}
|
3158
3234
|
.ui.positive.buttons .button:focus,
|
3159
3235
|
.ui.positive.button:focus {
|
3160
|
-
background-color: @positiveColorFocus
|
3161
|
-
color: @
|
3162
|
-
text-shadow: @
|
3236
|
+
background-color: @positiveColorFocus;
|
3237
|
+
color: @positiveTextColor;
|
3238
|
+
text-shadow: @positiveTextShadow;
|
3163
3239
|
}
|
3164
3240
|
.ui.positive.buttons .button:active,
|
3165
3241
|
.ui.positive.button:active {
|
3166
|
-
background-color: @positiveColorDown
|
3167
|
-
color: @
|
3168
|
-
text-shadow: @
|
3242
|
+
background-color: @positiveColorDown;
|
3243
|
+
color: @positiveTextColor;
|
3244
|
+
text-shadow: @positiveTextShadow;
|
3169
3245
|
}
|
3170
3246
|
.ui.positive.buttons .active.button,
|
3247
|
+
.ui.positive.buttons .active.button:active,
|
3171
3248
|
.ui.positive.active.button,
|
3172
|
-
.ui.positive.
|
3249
|
+
.ui.positive.button .active.button:active {
|
3173
3250
|
background-color: @positiveColorActive;
|
3174
|
-
color: @
|
3175
|
-
text-shadow: @
|
3251
|
+
color: @positiveTextColor;
|
3252
|
+
text-shadow: @positiveTextShadow;
|
3176
3253
|
}
|
3177
3254
|
|
3255
|
+
/* Basic */
|
3256
|
+
.ui.basic.positive.buttons .button,
|
3257
|
+
.ui.basic.positive.button {
|
3258
|
+
box-shadow: 0px 0px 0px @basicBorderSize @positiveColor inset !important;
|
3259
|
+
color: @positiveColor !important;
|
3260
|
+
}
|
3261
|
+
.ui.basic.positive.buttons .button:hover,
|
3262
|
+
.ui.basic.positive.button:hover {
|
3263
|
+
background: transparent !important;
|
3264
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorHover inset !important;
|
3265
|
+
color: @positiveColorHover !important;
|
3266
|
+
}
|
3267
|
+
.ui.basic.positive.buttons .button:focus,
|
3268
|
+
.ui.basic.positive.button:focus {
|
3269
|
+
background: transparent !important;
|
3270
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorFocus inset !important;
|
3271
|
+
color: @positiveColorHover !important;
|
3272
|
+
}
|
3273
|
+
.ui.basic.positive.buttons .active.button,
|
3274
|
+
.ui.basic.positive.active.button {
|
3275
|
+
background: transparent !important;
|
3276
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorActive inset !important;
|
3277
|
+
color: @positiveColorDown !important;
|
3278
|
+
}
|
3279
|
+
.ui.basic.positive.buttons .button:active,
|
3280
|
+
.ui.basic.positive.button:active {
|
3281
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorDown inset !important;
|
3282
|
+
color: @positiveColorDown !important;
|
3283
|
+
}
|
3284
|
+
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
|
3285
|
+
margin-left: -@basicColoredBorderSize;
|
3286
|
+
}
|
3178
3287
|
|
3179
3288
|
/*---------------
|
3180
3289
|
Negative
|
3181
3290
|
----------------*/
|
3182
3291
|
|
3292
|
+
/* Standard */
|
3183
3293
|
.ui.negative.buttons .button,
|
3184
3294
|
.ui.negative.button {
|
3185
|
-
background-color: @negativeColor
|
3186
|
-
color: @
|
3187
|
-
text-shadow: @
|
3295
|
+
background-color: @negativeColor;
|
3296
|
+
color: @negativeTextColor;
|
3297
|
+
text-shadow: @negativeTextShadow;
|
3188
3298
|
background-image: @coloredBackgroundImage;
|
3189
3299
|
}
|
3190
3300
|
.ui.negative.button {
|
@@ -3192,28 +3302,62 @@
|
|
3192
3302
|
}
|
3193
3303
|
.ui.negative.buttons .button:hover,
|
3194
3304
|
.ui.negative.button:hover {
|
3195
|
-
background-color: @negativeColorHover
|
3196
|
-
color: @
|
3197
|
-
text-shadow: @
|
3305
|
+
background-color: @negativeColorHover;
|
3306
|
+
color: @negativeTextColor;
|
3307
|
+
text-shadow: @negativeTextShadow;
|
3198
3308
|
}
|
3199
3309
|
.ui.negative.buttons .button:focus,
|
3200
3310
|
.ui.negative.button:focus {
|
3201
|
-
background-color: @negativeColorFocus
|
3202
|
-
color: @
|
3203
|
-
text-shadow: @
|
3311
|
+
background-color: @negativeColorFocus;
|
3312
|
+
color: @negativeTextColor;
|
3313
|
+
text-shadow: @negativeTextShadow;
|
3204
3314
|
}
|
3205
3315
|
.ui.negative.buttons .button:active,
|
3206
3316
|
.ui.negative.button:active {
|
3207
|
-
background-color: @negativeColorDown
|
3208
|
-
color: @
|
3209
|
-
text-shadow: @
|
3317
|
+
background-color: @negativeColorDown;
|
3318
|
+
color: @negativeTextColor;
|
3319
|
+
text-shadow: @negativeTextShadow;
|
3210
3320
|
}
|
3211
3321
|
.ui.negative.buttons .active.button,
|
3322
|
+
.ui.negative.buttons .active.button:active,
|
3212
3323
|
.ui.negative.active.button,
|
3213
|
-
.ui.negative.
|
3324
|
+
.ui.negative.button .active.button:active {
|
3214
3325
|
background-color: @negativeColorActive;
|
3215
|
-
color: @
|
3216
|
-
text-shadow: @
|
3326
|
+
color: @negativeTextColor;
|
3327
|
+
text-shadow: @negativeTextShadow;
|
3328
|
+
}
|
3329
|
+
|
3330
|
+
/* Basic */
|
3331
|
+
.ui.basic.negative.buttons .button,
|
3332
|
+
.ui.basic.negative.button {
|
3333
|
+
box-shadow: 0px 0px 0px @basicBorderSize @negativeColor inset !important;
|
3334
|
+
color: @negativeColor !important;
|
3335
|
+
}
|
3336
|
+
.ui.basic.negative.buttons .button:hover,
|
3337
|
+
.ui.basic.negative.button:hover {
|
3338
|
+
background: transparent !important;
|
3339
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorHover inset !important;
|
3340
|
+
color: @negativeColorHover !important;
|
3341
|
+
}
|
3342
|
+
.ui.basic.negative.buttons .button:focus,
|
3343
|
+
.ui.basic.negative.button:focus {
|
3344
|
+
background: transparent !important;
|
3345
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorFocus inset !important;
|
3346
|
+
color: @negativeColorHover !important;
|
3347
|
+
}
|
3348
|
+
.ui.basic.negative.buttons .active.button,
|
3349
|
+
.ui.basic.negative.active.button {
|
3350
|
+
background: transparent !important;
|
3351
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorActive inset !important;
|
3352
|
+
color: @negativeColorDown !important;
|
3353
|
+
}
|
3354
|
+
.ui.basic.negative.buttons .button:active,
|
3355
|
+
.ui.basic.negative.button:active {
|
3356
|
+
box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorDown inset !important;
|
3357
|
+
color: @negativeColorDown !important;
|
3358
|
+
}
|
3359
|
+
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
|
3360
|
+
margin-left: -@basicColoredBorderSize;
|
3217
3361
|
}
|
3218
3362
|
|
3219
3363
|
/*******************************
|