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
  *
@@ -151,4 +150,4 @@
151
150
  }
152
151
 
153
152
 
154
- .loadUIOverrides();
153
+ .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
  *
@@ -77,7 +76,6 @@
77
76
 
78
77
  height: auto;
79
78
  margin: @horizontalMargin;
80
- overflow: hidden;
81
79
  line-height: 1;
82
80
  text-align: center;
83
81
  }
@@ -264,4 +262,4 @@
264
262
  }
265
263
 
266
264
 
267
- .loadUIOverrides();
265
+ .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
  *
@@ -60,4 +59,4 @@ i.flag:not(.icon):before {
60
59
  height: @height;
61
60
  }
62
61
 
63
- .loadUIOverrides();
62
+ .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
  *
@@ -287,6 +286,7 @@ h5.ui.header .sub.header {
287
286
  }
288
287
  .ui.icon.header .content {
289
288
  display: block;
289
+ padding: 0em;
290
290
  }
291
291
  .ui.icon.header .circular.icon {
292
292
  font-size: @circularHeaderIconSize;
@@ -602,7 +602,7 @@ a.ui.inverted.grey.header:hover {
602
602
  }
603
603
 
604
604
  /*-------------------
605
- Fittted
605
+ Fitted
606
606
  --------------------*/
607
607
 
608
608
  .ui.fitted.header {
@@ -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
  *
@@ -388,7 +387,7 @@ i.black.icon {
388
387
  i.inverted.black.icon {
389
388
  color: @lightBlack !important;
390
389
  }
391
- i.inverted.bordeblack.black.icon,
390
+ i.inverted.bordered.black.icon,
392
391
  i.inverted.circular.black.icon {
393
392
  background-color: @black !important;
394
393
  color: @white !important;
@@ -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
  *
@@ -29,6 +28,7 @@
29
28
 
30
29
  @import (multiple) 'semantic_ui/theme.config';
31
30
 
31
+
32
32
  /*******************************
33
33
  Image
34
34
  *******************************/
@@ -61,6 +61,11 @@ img.ui.image {
61
61
  .ui.hidden.image {
62
62
  display: none;
63
63
  }
64
+ .ui.hidden.transition.images,
65
+ .ui.hidden.transition.image {
66
+ display: block;
67
+ visibility: hidden;
68
+ }
64
69
 
65
70
 
66
71
  .ui.disabled.images,
@@ -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
  *
@@ -79,7 +78,7 @@
79
78
  .ui.input input::-moz-placeholder {
80
79
  color: @placeholderColor;
81
80
  }
82
- .ui.input input::-ms-input-placeholder {
81
+ .ui.input input:-ms-input-placeholder {
83
82
  color: @placeholderColor;
84
83
  }
85
84
 
@@ -97,7 +96,8 @@
97
96
  opacity: @disabledOpacity;
98
97
  }
99
98
 
100
- .ui.disabled.input input {
99
+ .ui.disabled.input input,
100
+ .ui.input input[disabled] {
101
101
  pointer-events: none;
102
102
  }
103
103
 
@@ -172,8 +172,8 @@
172
172
  .ui.input input:focus::-moz-placeholder {
173
173
  color: @placeholderFocusColor;
174
174
  }
175
- .ui.input.focus input::-ms-input-placeholder,
176
- .ui.input input:focus::-ms-input-placeholder {
175
+ .ui.input.focus input:-ms-input-placeholder,
176
+ .ui.input input:focus:-ms-input-placeholder {
177
177
  color: @placeholderFocusColor;
178
178
  }
179
179
 
@@ -197,8 +197,8 @@
197
197
  .ui.input.error input::-moz-placeholder {
198
198
  color: @placeholderErrorColor;
199
199
  }
200
- .ui.input.error input::-ms-input-placeholder {
201
- color: @placeholderErrorColor;
200
+ .ui.input.error input:-ms-input-placeholder {
201
+ color: @placeholderErrorColor !important;
202
202
  }
203
203
 
204
204
  /* Focused Error Placeholder */
@@ -208,8 +208,8 @@
208
208
  .ui.input.error input:focus::-moz-placeholder {
209
209
  color: @placeholderErrorFocusColor;
210
210
  }
211
- .ui.input.error input:focus::-ms-input-placeholder {
212
- color: @placeholderErrorFocusColor;
211
+ .ui.input.error input:focus:-ms-input-placeholder {
212
+ color: @placeholderErrorFocusColor !important;
213
213
  }
214
214
 
215
215
  /*******************************
@@ -255,7 +255,7 @@
255
255
  .ui.transparent.inverted.input input::-moz-placeholder {
256
256
  color: @transparentInvertedPlaceholderColor;
257
257
  }
258
- .ui.transparent.inverted.input input::-ms-input-placeholder {
258
+ .ui.transparent.inverted.input input:-ms-input-placeholder {
259
259
  color: @transparentInvertedPlaceholderColor;
260
260
  }
261
261
 
@@ -431,9 +431,9 @@
431
431
  border-bottom-right-radius: 0px !important;
432
432
  border-right-color: transparent !important;
433
433
  }
434
- .ui.action.input:not([class*="left action"]) > .dropdown,
435
- .ui.action.input:not([class*="left action"]) > .button,
436
- .ui.action.input:not([class*="left action"]) > .buttons > .button {
434
+ .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
435
+ .ui.action.input:not([class*="left action"]) > .button:not(:first-child),
436
+ .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
437
437
  border-radius: 0px;
438
438
  }
439
439
  .ui.action.input:not([class*="left action"]) > .dropdown:last-child,
@@ -514,4 +514,4 @@
514
514
  font-size: @relativeMassive;
515
515
  }
516
516
 
517
- .loadUIOverrides();
517
+ .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
  *
@@ -150,7 +149,8 @@ a.ui.label {
150
149
  }
151
150
 
152
151
  /* Padding on next content after a label */
153
- .ui.top.attached.label:first-child + :not(.attached) {
152
+ .ui.top.attached.label:first-child + :not(.attached),
153
+ .ui.top.attached.label + [class*="right floated"] + * {
154
154
  margin-top: @attachedSegmentPadding !important;
155
155
  }
156
156
  .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
@@ -1264,4 +1264,4 @@ a.ui.basic.label:hover {
1264
1264
  font-size: @massive;
1265
1265
  }
1266
1266
 
1267
- .loadUIOverrides();
1267
+ .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
  *
@@ -574,6 +573,7 @@ ul.ui.list li:before,
574
573
  position: absolute;
575
574
  top: auto;
576
575
  left: auto;
576
+ font-weight: normal;
577
577
  margin-left: @bulletOffset;
578
578
  content: @bulletCharacter;
579
579
  opacity: @bulletOpacity;
@@ -581,6 +581,12 @@ ul.ui.list li:before,
581
581
  vertical-align: @bulletVerticalAlign;
582
582
  }
583
583
 
584
+ ul.ui.list li:before,
585
+ .ui.bulleted.list .list > a.item:before,
586
+ .ui.bulleted.list > a.item:before {
587
+ color: @bulletLinkColor;
588
+ }
589
+
584
590
  ul.ui.list ul,
585
591
  .ui.bulleted.list .list {
586
592
  padding-left: @bulletChildDistance;
@@ -741,12 +747,16 @@ ol.ui.horizontal.list li:before,
741
747
  .ui.divided.horizontal.list {
742
748
  margin-left: 0em;
743
749
  }
750
+ .ui.divided.horizontal.list > .item:not(:first-child) {
751
+ padding-left: @horizontalDividedSpacing;
752
+ }
753
+ .ui.divided.horizontal.list > .item:not(:last-child) {
754
+ padding-right: @horizontalDividedSpacing;
755
+ }
744
756
  .ui.divided.horizontal.list > .item {
745
757
  border-top: none;
746
758
  border-left: @dividedBorder;
747
759
  margin: 0em;
748
- padding-left: @horizontalDividedSpacing;
749
- padding-right: @horizontalDividedSpacing;
750
760
  line-height: @horizontalDividedLineHeight;
751
761
  }
752
762
  .ui.horizontal.divided.list > .item:first-child {
@@ -854,31 +864,34 @@ ol.ui.horizontal.list li:before,
854
864
  Relaxed
855
865
  --------------------*/
856
866
 
857
- .ui.relaxed.list:not(.horizontal) > .item {
867
+ .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
858
868
  padding-top: @relaxedItemVerticalPadding;
859
- padding-bottom: @relaxedItemVerticalPadding;
860
869
  }
861
- .ui.relaxed.list:not(.horizontal) .list > .item {
862
- padding-top: @relaxedChildItemVerticalPadding;
863
- padding-bottom: @relaxedChildItemVerticalPadding;
870
+ .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
871
+ padding-bottom: @relaxedItemVerticalPadding;
864
872
  }
865
- .ui.horizontal.relaxed.list > .item {
873
+ .ui.horizontal.relaxed.list .list > .item:not(:first-child),
874
+ .ui.horizontal.relaxed.list > .item:not(:first-child) {
866
875
  padding-left: @relaxedHorizontalPadding;
876
+ }
877
+ .ui.horizontal.relaxed.list .list > .item:not(:last-child),
878
+ .ui.horizontal.relaxed.list > .item:not(:last-child) {
867
879
  padding-right: @relaxedHorizontalPadding;
868
880
  }
869
881
 
870
882
  /* Very Relaxed */
871
- .ui[class*="very relaxed"].list:not(.horizontal) > .item {
883
+ .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
872
884
  padding-top: @veryRelaxedItemVerticalPadding;
873
- padding-bottom: @veryRelaxedItemVerticalPadding;
874
885
  }
875
- .ui[class*="very relaxed"].list:not(.horizontal) .list > .item {
876
- padding-top: @veryRelaxedChildItemVerticalPadding;
877
- padding-bottom: @veryRelaxedChildItemVerticalPadding;
886
+ .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
887
+ padding-bottom: @veryRelaxedItemVerticalPadding;
878
888
  }
879
- .ui.horizontal[class*="very relaxed"].list .list > .item,
880
- .ui.horizontal[class*="very relaxed"].list > .item {
889
+ .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
890
+ .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
881
891
  padding-left: @veryRelaxedHorizontalPadding;
892
+ }
893
+ .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
894
+ .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
882
895
  padding-right: @veryRelaxedHorizontalPadding;
883
896
  }
884
897
 
@@ -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
  *
@@ -89,30 +88,54 @@
89
88
  }
90
89
 
91
90
  /* Sizes */
92
- .ui.loader:before,
93
- .ui.loader:after {
94
- width: @medium;
95
- height: @medium;
96
- margin: @mediumOffset;
97
- }
98
91
  .ui.mini.loader:before,
99
92
  .ui.mini.loader:after {
100
93
  width: @mini;
101
94
  height: @mini;
102
95
  margin: @miniOffset;
103
96
  }
97
+ .ui.tiny.loader:before,
98
+ .ui.tiny.loader:after {
99
+ width: @tiny;
100
+ height: @tiny;
101
+ margin: @tinyOffset;
102
+ }
104
103
  .ui.small.loader:before,
105
104
  .ui.small.loader:after {
106
105
  width: @small;
107
106
  height: @small;
108
107
  margin: @smallOffset;
109
108
  }
109
+ .ui.loader:before,
110
+ .ui.loader:after {
111
+ width: @medium;
112
+ height: @medium;
113
+ margin: @mediumOffset;
114
+ }
110
115
  .ui.large.loader:before,
111
116
  .ui.large.loader:after {
112
117
  width: @large;
113
118
  height: @large;
114
119
  margin: @largeOffset;
115
120
  }
121
+ .ui.big.loader:before,
122
+ .ui.big.loader:after {
123
+ width: @big;
124
+ height: @big;
125
+ margin: @bigOffset;
126
+ }
127
+ .ui.huge.loader:before,
128
+ .ui.huge.loader:after {
129
+ width: @huge;
130
+ height: @huge;
131
+ margin: @hugeOffset;
132
+ }
133
+ .ui.massive.loader:before,
134
+ .ui.massive.loader:after {
135
+ width: @massive;
136
+ height: @massive;
137
+ margin: @massiveOffset;
138
+ }
116
139
 
117
140
  /*-------------------
118
141
  Coupling
@@ -197,6 +220,12 @@
197
220
  height: @mini;
198
221
  font-size: @miniFontSize;
199
222
  }
223
+ .ui.inverted.dimmer .ui.tiny.loader,
224
+ .ui.tiny.loader {
225
+ width: @tiny;
226
+ height: @tiny;
227
+ font-size: @tinyFontSize;
228
+ }
200
229
  .ui.inverted.dimmer .ui.small.loader,
201
230
  .ui.small.loader {
202
231
  width: @small;
@@ -209,18 +238,40 @@
209
238
  height: @medium;
210
239
  font-size: @mediumFontSize;
211
240
  }
212
- .ui.inverted.dimmer .ui.loader.large,
213
- .ui.loader.large {
241
+ .ui.inverted.dimmer .ui.large.loader,
242
+ .ui.large.loader {
214
243
  width: @large;
215
244
  height: @large;
216
245
  font-size: @largeFontSize;
217
246
  }
247
+ .ui.inverted.dimmer .ui.big.loader,
248
+ .ui.big.loader {
249
+ width: @big;
250
+ height: @big;
251
+ font-size: @bigFontSize;
252
+ }
253
+ .ui.inverted.dimmer .ui.huge.loader,
254
+ .ui.huge.loader {
255
+ width: @huge;
256
+ height: @huge;
257
+ font-size: @hugeFontSize;
258
+ }
259
+ .ui.inverted.dimmer .ui.massive.loader,
260
+ .ui.massive.loader {
261
+ width: @massive;
262
+ height: @massive;
263
+ font-size: @massiveFontSize;
264
+ }
218
265
 
219
266
  /* Text Loader */
220
267
  .ui.mini.text.loader {
221
268
  min-width: @mini;
222
269
  padding-top: (@mini + @textDistance);
223
270
  }
271
+ .ui.tiny.text.loader {
272
+ min-width: @tiny;
273
+ padding-top: (@tiny + @textDistance);
274
+ }
224
275
  .ui.small.text.loader {
225
276
  min-width: @small;
226
277
  padding-top: (@small + @textDistance);
@@ -233,6 +284,18 @@
233
284
  min-width: @large;
234
285
  padding-top: (@large + @textDistance);
235
286
  }
287
+ .ui.big.text.loader {
288
+ min-width: @big;
289
+ padding-top: (@big + @textDistance);
290
+ }
291
+ .ui.huge.text.loader {
292
+ min-width: @huge;
293
+ padding-top: (@huge + @textDistance);
294
+ }
295
+ .ui.massive.text.loader {
296
+ min-width: @massive;
297
+ padding-top: (@massive + @textDistance);
298
+ }
236
299
 
237
300
 
238
301
  /*-------------------