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.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/.github/ISSUE_TEMPLATE.md +15 -0
  3. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.eot +0 -0
  4. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg +146 -26
  5. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf +0 -0
  6. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff +0 -0
  7. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff2 +0 -0
  8. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +41 -16
  9. data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +233 -227
  10. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +58 -23
  11. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +20 -7
  12. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +89 -22
  13. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +13 -5
  14. data/assets/javascripts/semantic_ui/definitions/globals/site.js +2 -2
  15. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +20 -6
  16. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +31 -9
  17. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +27 -9
  18. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +482 -207
  19. data/assets/javascripts/semantic_ui/definitions/modules/embed.js +50 -13
  20. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +28 -13
  21. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +28 -7
  22. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +136 -76
  23. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +177 -62
  24. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +41 -8
  25. data/assets/javascripts/semantic_ui/definitions/modules/search.js +109 -56
  26. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +52 -19
  27. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +21 -7
  28. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +48 -19
  29. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +57 -27
  30. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +24 -8
  31. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +1 -2
  32. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +42 -36
  33. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +12 -5
  34. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +50 -6
  35. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +20 -1
  36. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +16 -3
  37. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +184 -40
  38. data/assets/stylesheets/semantic_ui/definitions/elements/container.less +1 -2
  39. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +1 -3
  40. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -2
  41. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +2 -2
  42. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +1 -2
  43. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +6 -1
  44. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +14 -14
  45. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +3 -3
  46. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +29 -16
  47. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +72 -9
  48. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +21 -2
  49. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +2 -3
  50. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +44 -3
  51. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +28 -8
  52. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -2
  53. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +0 -1
  54. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +0 -1
  55. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +9 -10
  56. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +1 -2
  57. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +39 -21
  58. data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +0 -1
  59. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +0 -1
  60. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -2
  61. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +344 -2
  62. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +0 -1
  63. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +0 -1
  64. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +1 -1
  65. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +1 -2
  66. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +1 -2
  67. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -2
  68. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -2
  69. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +1 -2
  70. data/assets/stylesheets/semantic_ui/definitions/views/card.less +20 -2
  71. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -2
  72. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +0 -1
  73. data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
  74. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +18 -19
  75. data/assets/stylesheets/semantic_ui/themes/basic/globals/reset.overrides +1 -1
  76. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +4 -5
  77. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +13 -0
  78. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +47 -1
  79. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +7 -2
  80. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +14 -0
  81. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +263 -76
  82. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +3 -1
  83. data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +2 -4
  84. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +2 -1
  85. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +17 -5
  86. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +2 -2
  87. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +1 -1
  88. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +1 -6
  89. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +170 -46
  90. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +15 -12
  91. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +41 -3
  92. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +2 -2
  93. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +1 -1
  94. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +11 -0
  95. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +1 -1
  96. data/lib/less/rails/semantic_ui/version.rb +1 -1
  97. 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
- .ui.button > .right.icon:not(.button) {
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-shadlightOw: none !important;
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: @primaryBackgroundImage;
3073
+ background-image: @coloredBackgroundImage;
3070
3074
  }
3071
3075
  .ui.primary.button {
3072
- box-shadow: @primaryBoxShadow;
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: @secondaryBackgroundImage;
3148
+ background-image: @coloredBackgroundImage;
3109
3149
  }
3110
3150
  .ui.secondary.button {
3111
- box-shadow: @secondaryBoxShadow;
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 !important;
3145
- color: @invertedTextColor;
3146
- text-shadow: @invertedTextShadow;
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 !important;
3155
- color: @invertedTextColor;
3156
- text-shadow: @invertedTextShadow;
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 !important;
3161
- color: @invertedTextColor;
3162
- text-shadow: @invertedTextShadow;
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 !important;
3167
- color: @invertedTextColor;
3168
- text-shadow: @invertedTextShadow;
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.buttons .active.button:active {
3249
+ .ui.positive.button .active.button:active {
3173
3250
  background-color: @positiveColorActive;
3174
- color: @invertedTextColor;
3175
- text-shadow: @invertedTextShadow;
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 !important;
3186
- color: @invertedTextColor;
3187
- text-shadow: @invertedTextShadow;
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 !important;
3196
- color: @invertedTextColor;
3197
- text-shadow: @invertedTextShadow;
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 !important;
3202
- color: @invertedTextColor;
3203
- text-shadow: @invertedTextShadow;
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 !important;
3208
- color: @invertedTextColor;
3209
- text-shadow: @invertedTextShadow;
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.buttons .active.button:active {
3324
+ .ui.negative.button .active.button:active {
3214
3325
  background-color: @negativeColorActive;
3215
- color: @invertedTextColor;
3216
- text-shadow: @invertedTextShadow;
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
  /*******************************