less-rails-semantic_ui 1.12.3.0 → 2.0.0.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 (197) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/semantic_ui/definitions/behaviors/api.js +394 -188
  3. data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +4 -2
  4. data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +263 -125
  5. data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +3 -3
  6. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +213 -96
  7. data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +6 -4
  8. data/assets/javascripts/semantic_ui/definitions/globals/site.js +4 -4
  9. data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +66 -52
  10. data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +309 -112
  11. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +24 -26
  12. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +2005 -590
  13. data/assets/javascripts/semantic_ui/definitions/modules/embed.js +662 -0
  14. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +106 -79
  15. data/assets/javascripts/semantic_ui/definitions/modules/nag.js +7 -8
  16. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +323 -194
  17. data/assets/javascripts/semantic_ui/definitions/modules/progress.js +111 -103
  18. data/assets/javascripts/semantic_ui/definitions/modules/rating.js +78 -54
  19. data/assets/javascripts/semantic_ui/definitions/modules/search.js +304 -122
  20. data/assets/javascripts/semantic_ui/definitions/modules/shape.js +93 -47
  21. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +83 -149
  22. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +99 -29
  23. data/assets/javascripts/semantic_ui/definitions/modules/tab.js +219 -124
  24. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +202 -171
  25. data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +2 -1
  26. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +135 -58
  27. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +366 -383
  28. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +838 -631
  29. data/assets/stylesheets/semantic_ui/definitions/collections/message.less +89 -71
  30. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +183 -131
  31. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1097 -300
  32. data/assets/stylesheets/semantic_ui/definitions/elements/container.less +135 -0
  33. data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +31 -30
  34. data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -1
  35. data/assets/stylesheets/semantic_ui/definitions/elements/header.less +209 -121
  36. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +201 -96
  37. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +26 -11
  38. data/assets/stylesheets/semantic_ui/definitions/elements/input.less +49 -14
  39. data/assets/stylesheets/semantic_ui/definitions/elements/label.less +391 -221
  40. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +107 -68
  41. data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +3 -1
  42. data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +34 -25
  43. data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +25 -10
  44. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +261 -173
  45. data/assets/stylesheets/semantic_ui/definitions/elements/step.less +169 -70
  46. data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -1
  47. data/assets/stylesheets/semantic_ui/definitions/globals/site.less +3 -1
  48. data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +1 -2
  49. data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +175 -103
  50. data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +26 -15
  51. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +349 -80
  52. data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +174 -0
  53. data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +83 -36
  54. data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -1
  55. data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +48 -7
  56. data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +160 -107
  57. data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +57 -54
  58. data/assets/stylesheets/semantic_ui/definitions/modules/search.less +55 -10
  59. data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +5 -6
  60. data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +9 -5
  61. data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -1
  62. data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -1
  63. data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +3 -4
  64. data/assets/stylesheets/semantic_ui/definitions/views/card.less +240 -130
  65. data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -1
  66. data/assets/stylesheets/semantic_ui/definitions/views/feed.less +15 -8
  67. data/assets/stylesheets/semantic_ui/definitions/views/item.less +13 -13
  68. data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +230 -86
  69. data/assets/stylesheets/semantic_ui/theme.less +22 -15
  70. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +5 -5
  71. data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +5 -4
  72. data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +1 -0
  73. data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +6 -4
  74. data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +4 -4
  75. data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +1 -1
  76. data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
  77. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.overrides +0 -0
  78. data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.variables +40 -0
  79. data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +1 -0
  80. data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +1 -1
  81. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.overrides +0 -0
  82. data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +17 -0
  83. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +0 -0
  84. data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +5 -15
  85. data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +0 -0
  86. data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +31 -35
  87. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +0 -0
  88. data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +34 -28
  89. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +0 -0
  90. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +259 -163
  91. data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +0 -0
  92. data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +42 -19
  93. data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +0 -3
  94. data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +63 -59
  95. data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +0 -0
  96. data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +90 -50
  97. data/assets/stylesheets/semantic_ui/themes/default/elements/container.overrides +3 -0
  98. data/assets/stylesheets/semantic_ui/themes/default/elements/container.variables +45 -0
  99. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +15 -0
  100. data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +3 -4
  101. data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +0 -0
  102. data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +0 -0
  103. data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +40 -36
  104. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +4 -3
  105. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +29 -12
  106. data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +0 -0
  107. data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +5 -3
  108. data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +0 -0
  109. data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +10 -24
  110. data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +0 -0
  111. data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +88 -35
  112. data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +0 -0
  113. data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +53 -34
  114. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +0 -0
  115. data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +9 -10
  116. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +0 -0
  117. data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +13 -5
  118. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +0 -0
  119. data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +6 -4
  120. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +0 -0
  121. data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +66 -28
  122. data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +0 -0
  123. data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +60 -31
  124. data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +0 -0
  125. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +477 -303
  126. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +0 -0
  127. data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +6 -7
  128. data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +0 -0
  129. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +19 -16
  130. data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +71 -43
  131. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +0 -0
  132. data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +12 -9
  133. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +0 -5
  134. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +146 -64
  135. data/assets/stylesheets/semantic_ui/themes/default/modules/{video.overrides → embed.overrides} +0 -0
  136. data/assets/stylesheets/semantic_ui/themes/default/modules/embed.variables +53 -0
  137. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +0 -0
  138. data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +24 -18
  139. data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +0 -0
  140. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +0 -0
  141. data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +3 -9
  142. data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +13 -7
  143. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -0
  144. data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +71 -33
  145. data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +0 -0
  146. data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +36 -34
  147. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +0 -0
  148. data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +7 -2
  149. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +0 -0
  150. data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +2 -5
  151. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +0 -0
  152. data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +2 -7
  153. data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +1 -3
  154. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +8 -9
  155. data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
  156. data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +33 -23
  157. data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +0 -0
  158. data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +0 -0
  159. data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +15 -23
  160. data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +0 -0
  161. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +12 -11
  162. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +0 -0
  163. data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +25 -24
  164. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +4 -0
  165. data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +1 -2
  166. data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +1 -0
  167. data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +1 -1
  168. data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +10 -15
  169. data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +2 -2
  170. data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +2 -2
  171. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides +12 -0
  172. data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables +23 -0
  173. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides +1 -0
  174. data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +10 -0
  175. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +1 -0
  176. data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +14 -6
  177. data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +3 -2
  178. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides +5 -0
  179. data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables +20 -0
  180. data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +5 -5
  181. data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +1 -1
  182. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +4 -12
  183. data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +3 -7
  184. data/lib/generators/semantic_ui/install/templates/config/elements/container.overrides +3 -0
  185. data/lib/generators/semantic_ui/install/templates/config/elements/container.variables +3 -0
  186. data/lib/generators/semantic_ui/install/templates/config/modules/embed.overrides +3 -0
  187. data/lib/generators/semantic_ui/install/templates/config/modules/embed.variables +0 -0
  188. data/lib/generators/semantic_ui/install/templates/semantic_ui.css +2 -1
  189. data/lib/generators/semantic_ui/install/templates/semantic_ui.js +1 -1
  190. data/lib/generators/semantic_ui/install/templates/theme.config +5 -3
  191. data/lib/less/rails/semantic_ui/version.rb +1 -1
  192. data/tasks/update.rake +21 -6
  193. metadata +23 -7
  194. data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
  195. data/assets/javascripts/semantic_ui/definitions/modules/video.js +0 -540
  196. data/assets/stylesheets/semantic_ui/definitions/modules/video.less +0 -135
  197. data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +0 -16
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributorss
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -52,83 +52,6 @@
52
52
  margin: @lastMargin;
53
53
  }
54
54
 
55
- /* Indicating */
56
- .ui.indicating.progress .bar[style*="width: 1"],
57
- .ui.indicating.progress .bar[style*="width: 2"] {
58
- background-color: @indicatingFirstColor;
59
- }
60
- .ui.indicating.progress .bar[style*="width: 3"] {
61
- background-color: @indicatingSecondColor;
62
- }
63
- .ui.indicating.progress .bar[style*="width: 4"],
64
- .ui.indicating.progress .bar[style*="width: 5"] {
65
- background-color: @indicatingThirdColor;
66
- }
67
- .ui.indicating.progress .bar[style*="width: 6"] {
68
- background-color: @indicatingFourthColor;
69
- }
70
- .ui.indicating.progress .bar[style*="width: 7"],
71
- .ui.indicating.progress .bar[style*="width: 8"] {
72
- background-color: @indicatingFifthColor;
73
- }
74
- .ui.indicating.progress .bar[style*="width: 9"],
75
- .ui.indicating.progress .bar[style*="width: 100"] {
76
- background-color: @indicatingSixthColor;
77
- }
78
-
79
- /* Indicating Label */
80
- .ui.indicating.progress[data-percent^="1"] .label,
81
- .ui.indicating.progress[data-percent^="2"] .label {
82
- color: @indicatingFirstColor;
83
- }
84
- .ui.indicating.progress[data-percent^="3"] .label {
85
- color: @indicatingSecondColor;
86
- }
87
- .ui.indicating.progress[data-percent^="4"] .label,
88
- .ui.indicating.progress[data-percent^="5"] .label {
89
- color: @indicatingThirdColor;
90
- }
91
- .ui.indicating.progress[data-percent^="6"] .label {
92
- color: @indicatingFourthColor;
93
- }
94
- .ui.indicating.progress[data-percent^="7"] .label,
95
- .ui.indicating.progress[data-percent^="8"] .label {
96
- color: @indicatingFifthColor;
97
- }
98
- .ui.indicating.progress[data-percent^="9"] .label,
99
- .ui.indicating.progress[data-percent^="100"] .label {
100
- color: @indicatingSixthColor;
101
- }
102
-
103
- /* Single Digits */
104
- .ui.indicating.progress .bar[style^="width: 1%"],
105
- .ui.indicating.progress .bar[style^="width: 2%"],
106
- .ui.indicating.progress .bar[style^="width: 3%"],
107
- .ui.indicating.progress .bar[style^="width: 4%"],
108
- .ui.indicating.progress .bar[style^="width: 5%"],
109
- .ui.indicating.progress .bar[style^="width: 6%"],
110
- .ui.indicating.progress .bar[style^="width: 7%"],
111
- .ui.indicating.progress .bar[style^="width: 8%"],
112
- .ui.indicating.progress .bar[style^="width: 9%"] {
113
- background-color: @indicatingFirstColor;
114
- }
115
- .ui.indicating.progress[data-percent="1"] .label,
116
- .ui.indicating.progress[data-percent="2"] .label,
117
- .ui.indicating.progress[data-percent="3"] .label,
118
- .ui.indicating.progress[data-percent="4"] .label,
119
- .ui.indicating.progress[data-percent="5"] .label,
120
- .ui.indicating.progress[data-percent="6"] .label,
121
- .ui.indicating.progress[data-percent="7"] .label,
122
- .ui.indicating.progress[data-percent="8"] .label,
123
- .ui.indicating.progress[data-percent="9"] .label {
124
- color: @indicatingFirstColor;
125
- }
126
-
127
- /* Indicating Success */
128
- .ui.indicating.progress.success .label {
129
- color: @successHeaderColor;
130
- }
131
-
132
55
  /*******************************
133
56
  Content
134
57
  *******************************/
@@ -180,6 +103,88 @@
180
103
  }
181
104
 
182
105
 
106
+ /*******************************
107
+ Types
108
+ *******************************/
109
+
110
+
111
+ /* Indicating */
112
+ .ui.indicating.progress[data-percent^="1"] .bar,
113
+ .ui.indicating.progress[data-percent^="2"] .bar {
114
+ background-color: @indicatingFirstColor;
115
+ }
116
+ .ui.indicating.progress[data-percent^="3"] .bar {
117
+ background-color: @indicatingSecondColor;
118
+ }
119
+ .ui.indicating.progress[data-percent^="4"] .bar,
120
+ .ui.indicating.progress[data-percent^="5"] .bar {
121
+ background-color: @indicatingThirdColor;
122
+ }
123
+ .ui.indicating.progress[data-percent^="6"] .bar {
124
+ background-color: @indicatingFourthColor;
125
+ }
126
+ .ui.indicating.progress[data-percent^="7"] .bar,
127
+ .ui.indicating.progress[data-percent^="8"] .bar {
128
+ background-color: @indicatingFifthColor;
129
+ }
130
+ .ui.indicating.progress[data-percent^="9"] .bar,
131
+ .ui.indicating.progress[data-percent^="100"] .bar {
132
+ background-color: @indicatingSixthColor;
133
+ }
134
+
135
+ /* Indicating Label */
136
+ .ui.indicating.progress[data-percent^="1"] .label,
137
+ .ui.indicating.progress[data-percent^="2"] .label {
138
+ color: @indicatingFirstLabelColor;
139
+ }
140
+ .ui.indicating.progress[data-percent^="3"] .label {
141
+ color: @indicatingSecondLabelColor;
142
+ }
143
+ .ui.indicating.progress[data-percent^="4"] .label,
144
+ .ui.indicating.progress[data-percent^="5"] .label {
145
+ color: @indicatingThirdLabelColor;
146
+ }
147
+ .ui.indicating.progress[data-percent^="6"] .label {
148
+ color: @indicatingFourthLabelColor;
149
+ }
150
+ .ui.indicating.progress[data-percent^="7"] .label,
151
+ .ui.indicating.progress[data-percent^="8"] .label {
152
+ color: @indicatingFifthLabelColor;
153
+ }
154
+ .ui.indicating.progress[data-percent^="9"] .label,
155
+ .ui.indicating.progress[data-percent^="100"] .label {
156
+ color: @indicatingSixthLabelColor;
157
+ }
158
+
159
+ /* Single Digits */
160
+ .ui.indicating.progress[data-percent="1"] .bar,
161
+ .ui.indicating.progress[data-percent="2"] .bar,
162
+ .ui.indicating.progress[data-percent="3"] .bar,
163
+ .ui.indicating.progress[data-percent="4"] .bar,
164
+ .ui.indicating.progress[data-percent="5"] .bar,
165
+ .ui.indicating.progress[data-percent="6"] .bar,
166
+ .ui.indicating.progress[data-percent="7"] .bar,
167
+ .ui.indicating.progress[data-percent="8"] .bar,
168
+ .ui.indicating.progress[data-percent="9"] .bar {
169
+ background-color: @indicatingFirstColor;
170
+ }
171
+ .ui.indicating.progress[data-percent="1"] .label,
172
+ .ui.indicating.progress[data-percent="2"] .label,
173
+ .ui.indicating.progress[data-percent="3"] .label,
174
+ .ui.indicating.progress[data-percent="4"] .label,
175
+ .ui.indicating.progress[data-percent="5"] .label,
176
+ .ui.indicating.progress[data-percent="6"] .label,
177
+ .ui.indicating.progress[data-percent="7"] .label,
178
+ .ui.indicating.progress[data-percent="8"] .label,
179
+ .ui.indicating.progress[data-percent="9"] .label {
180
+ color: @indicatingFirstLabelColor;
181
+ }
182
+
183
+ /* Indicating Success */
184
+ .ui.indicating.progress.success .label {
185
+ color: @successHeaderColor;
186
+ }
187
+
183
188
  /*******************************
184
189
  States
185
190
  *******************************/
@@ -363,60 +368,108 @@
363
368
  Colors
364
369
  ---------------*/
365
370
 
366
- .ui.black.progress .bar {
367
- background-color: @black;
368
- }
369
- .ui.blue.progress .bar {
370
- background-color: @blue;
371
+ /* Red */
372
+ .ui.red.progress .bar {
373
+ background-color: @red;
371
374
  }
372
- .ui.green.progress .bar {
373
- background-color: @green;
375
+ .ui.red.inverted.progress .bar {
376
+ background-color: @lightRed;
374
377
  }
378
+
379
+ /* Orange */
375
380
  .ui.orange.progress .bar {
376
381
  background-color: @orange;
377
382
  }
378
- .ui.pink.progress .bar {
379
- background-color: @pink;
383
+ .ui.orange.inverted.progress .bar {
384
+ background-color: @lightOrange;
380
385
  }
381
- .ui.purple.progress .bar {
382
- background-color: @purple;
386
+
387
+ /* Yellow */
388
+ .ui.yellow.progress .bar {
389
+ background-color: @yellow;
383
390
  }
384
- .ui.red.progress .bar {
385
- background-color: @red;
391
+ .ui.yellow.inverted.progress .bar {
392
+ background-color: @lightYellow;
393
+ }
394
+
395
+ /* Olive */
396
+ .ui.olive.progress .bar {
397
+ background-color: @olive;
398
+ }
399
+ .ui.olive.inverted.progress .bar {
400
+ background-color: @lightOlive;
401
+ }
402
+
403
+ /* Green */
404
+ .ui.green.progress .bar {
405
+ background-color: @green;
386
406
  }
407
+ .ui.green.inverted.progress .bar {
408
+ background-color: @lightGreen;
409
+ }
410
+
411
+ /* Teal */
387
412
  .ui.teal.progress .bar {
388
413
  background-color: @teal;
389
414
  }
390
- .ui.yellow.progress .bar {
391
- background-color: @yellow;
415
+ .ui.teal.inverted.progress .bar {
416
+ background-color: @lightTeal;
392
417
  }
393
418
 
394
- .ui.black.inverted.progress .bar {
395
- background-color: @lightBlack;
419
+ /* Blue */
420
+ .ui.blue.progress .bar {
421
+ background-color: @blue;
396
422
  }
397
423
  .ui.blue.inverted.progress .bar {
398
424
  background-color: @lightBlue;
399
425
  }
400
- .ui.green.inverted.progress .bar {
401
- background-color: @lightGreen;
426
+
427
+ /* Violet */
428
+ .ui.violet.progress .bar {
429
+ background-color: @violet;
402
430
  }
403
- .ui.orange.inverted.progress .bar {
404
- background-color: @lightOrange;
431
+ .ui.violet.inverted.progress .bar {
432
+ background-color: @lightViolet;
405
433
  }
406
- .ui.pink.inverted.progress .bar {
407
- background-color: @lightPink;
434
+
435
+ /* Purple */
436
+ .ui.purple.progress .bar {
437
+ background-color: @purple;
408
438
  }
409
439
  .ui.purple.inverted.progress .bar {
410
440
  background-color: @lightPurple;
411
441
  }
412
- .ui.red.inverted.progress .bar {
413
- background-color: @lightRed;
442
+
443
+ /* Pink */
444
+ .ui.pink.progress .bar {
445
+ background-color: @pink;
414
446
  }
415
- .ui.teal.inverted.progress .bar {
416
- background-color: @lightTeal;
447
+ .ui.pink.inverted.progress .bar {
448
+ background-color: @lightPink;
417
449
  }
418
- .ui.yellow.inverted.progress .bar {
419
- background-color: @lightYellow;
450
+
451
+ /* Brown */
452
+ .ui.brown.progress .bar {
453
+ background-color: @brown;
454
+ }
455
+ .ui.brown.inverted.progress .bar {
456
+ background-color: @lightBrown;
457
+ }
458
+
459
+ /* Grey */
460
+ .ui.grey.progress .bar {
461
+ background-color: @grey;
462
+ }
463
+ .ui.grey.inverted.progress .bar {
464
+ background-color: @lightGrey;
465
+ }
466
+
467
+ /* Black */
468
+ .ui.black.progress .bar {
469
+ background-color: @black;
470
+ }
471
+ .ui.black.inverted.progress .bar {
472
+ background-color: @lightBlack;
420
473
  }
421
474
 
422
475
  /*--------------
@@ -13,7 +13,7 @@
13
13
  * http://github.com/semantic-org/semantic-ui/
14
14
  *
15
15
  *
16
- * Copyright 2014 Contributors
16
+ * Copyright 2015 Contributors
17
17
  * Released under the MIT license
18
18
  * http://opensource.org/licenses/MIT
19
19
  *
@@ -34,32 +34,26 @@
34
34
  *******************************/
35
35
 
36
36
  .ui.rating {
37
- display: @display;
37
+ display: inline-flex;
38
+ white-space: @whiteSpace;
38
39
  vertical-align: @verticalAlign;
39
40
  }
40
41
  .ui.rating:last-child {
41
42
  margin-right: 0em;
42
43
  }
43
44
 
44
- .ui.rating:before {
45
- display: block;
46
- content: '';
47
- visibility: hidden;
48
- clear: both;
49
- height: 0;
50
- }
51
-
52
45
  /* Icon */
53
46
  .ui.rating .icon {
54
- cursor: pointer;
55
-
47
+ padding: 0em;
56
48
  margin: 0em;
57
- width: @iconWidth;
58
- height: auto;
59
49
  text-align: center;
60
- padding: 0em;
61
50
  font-weight: normal;
62
51
  font-style: normal;
52
+ flex: 1 0 auto;
53
+ cursor: @iconCursor;
54
+ width: @iconWidth;
55
+ height: @iconHeight;
56
+ transition: @iconTransition;
63
57
  }
64
58
 
65
59
 
@@ -67,6 +61,31 @@
67
61
  Types
68
62
  *******************************/
69
63
 
64
+
65
+ /*-------------------
66
+ Standard
67
+ --------------------*/
68
+
69
+ /* Inactive Icon */
70
+ .ui.rating .icon {
71
+ background: @inactiveBackground;
72
+ color: @inactiveColor;
73
+ }
74
+
75
+ /* Active Icon */
76
+ .ui.rating .active.icon {
77
+ background: @activeBackground;
78
+ color: @activeColor;
79
+ }
80
+
81
+ /* Selected Icon */
82
+ .ui.rating .icon.selected,
83
+ .ui.rating .icon.selected.active {
84
+ background: @selectedBackground;
85
+ color: @selectedColor;
86
+ }
87
+
88
+
70
89
  /*-------------------
71
90
  Star
72
91
  --------------------*/
@@ -74,31 +93,27 @@
74
93
  /* Inactive */
75
94
  .ui.star.rating .icon {
76
95
  width: @starIconWidth;
96
+ height: @starIconHeight;
97
+ background: @starInactiveBackground;
77
98
  color: @starInactiveColor;
99
+ text-shadow: @starInactiveTextShadow;
78
100
  }
79
101
 
80
102
  /* Active Star */
81
103
  .ui.star.rating .active.icon {
104
+ background: @starActiveBackground !important;
82
105
  color: @starActiveColor !important;
83
- text-shadow: @starActiveShadow;
106
+ text-shadow: @starActiveTextShadow !important;
84
107
  }
85
108
 
86
109
  /* Selected Star */
87
110
  .ui.star.rating .icon.selected,
88
111
  .ui.star.rating .icon.selected.active {
112
+ background: @starSelectedBackground !important;
89
113
  color: @starSelectedColor !important;
114
+ text-shadow: @starSelectedTextShadow !important;
90
115
  }
91
116
 
92
- .ui.star.rating.partial {
93
- position: relative;
94
- z-index: 1;
95
- }
96
- .ui.star.rating.partial:before {
97
- position: absolute;
98
- z-index: -1;
99
- }
100
-
101
-
102
117
 
103
118
  /*-------------------
104
119
  Heart
@@ -106,19 +121,25 @@
106
121
 
107
122
  .ui.heart.rating .icon {
108
123
  width: @heartIconWidth;
124
+ height: @heartIconHeight;
125
+ background: @heartInactiveBackground;
109
126
  color: @heartInactiveColor;
127
+ text-shadow: @heartInactiveTextShadow !important;
110
128
  }
111
129
 
112
130
  /* Active Heart */
113
131
  .ui.heart.rating .active.icon {
132
+ background: @heartActiveBackground !important;
114
133
  color: @heartActiveColor !important;
115
- text-shadow: @heartActiveShadow;
134
+ text-shadow: @heartActiveTextShadow !important;
116
135
  }
117
136
 
118
137
  /* Selected Heart */
119
138
  .ui.heart.rating .icon.selected,
120
139
  .ui.heart.rating .icon.selected.active {
140
+ background: @heartSelectedBackground !important;
121
141
  color: @heartSelectedColor !important;
142
+ text-shadow: @heartSelectedTextShadow !important;
122
143
  }
123
144
 
124
145
 
@@ -126,24 +147,6 @@
126
147
  States
127
148
  *******************************/
128
149
 
129
-
130
- /* Inactive Icon */
131
- .ui.rating .icon {
132
- color: @inactiveColor;
133
- }
134
-
135
- /* Active Icon */
136
- .ui.rating .active.icon {
137
- color: @activeColor;
138
- }
139
-
140
- /* Selected Icon */
141
- .ui.rating .icon.selected,
142
- .ui.rating .icon.selected.active {
143
- color: @hoverColor;
144
- }
145
-
146
-
147
150
  /*-------------------
148
151
  Disabled
149
152
  --------------------*/
@@ -155,12 +158,12 @@
155
158
 
156
159
 
157
160
  /*-------------------
158
- Interacting (Active)
161
+ User Interactive
159
162
  --------------------*/
160
163
 
161
164
  /* Selected Rating */
162
165
  .ui.rating.selected .active.icon {
163
- opacity: @interactiveIconOpacity;
166
+ opacity: @interactiveActiveIconOpacity;
164
167
  }
165
168
  .ui.rating.selected .icon.selected,
166
169
  .ui.rating .icon.selected {
@@ -173,25 +176,25 @@
173
176
  Variations
174
177
  *******************************/
175
178
 
176
- .ui.mini.rating .icon {
179
+ .ui.mini.rating {
177
180
  font-size: @mini;
178
181
  }
179
- .ui.tiny.rating .icon {
182
+ .ui.tiny.rating {
180
183
  font-size: @tiny;
181
184
  }
182
- .ui.small.rating .icon {
185
+ .ui.small.rating {
183
186
  font-size: @small;
184
187
  }
185
- .ui.rating .icon {
188
+ .ui.rating {
186
189
  font-size: @medium;
187
190
  }
188
- .ui.large.rating .icon {
191
+ .ui.large.rating {
189
192
  font-size: @large;
190
193
  }
191
- .ui.huge.rating .icon {
194
+ .ui.huge.rating {
192
195
  font-size: @huge;
193
196
  }
194
- .ui.massive.rating .icon {
197
+ .ui.massive.rating {
195
198
  font-size: @massive;
196
199
  }
197
200