fomantic-ui 2.9.1-beta.2 → 2.9.1-beta.20

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 (339) hide show
  1. package/.eslintrc.js +110 -0
  2. package/.github/workflows/ci.yml +14 -4
  3. package/.stylelintrc.js +46 -0
  4. package/dist/components/accordion.css +19 -26
  5. package/dist/components/accordion.js +568 -595
  6. package/dist/components/accordion.min.css +1 -1
  7. package/dist/components/accordion.min.js +2 -2
  8. package/dist/components/ad.css +31 -41
  9. package/dist/components/ad.min.css +1 -1
  10. package/dist/components/api.js +1161 -1179
  11. package/dist/components/api.min.js +2 -2
  12. package/dist/components/breadcrumb.css +1 -1
  13. package/dist/components/breadcrumb.min.css +1 -1
  14. package/dist/components/button.css +71 -106
  15. package/dist/components/button.min.css +1 -1
  16. package/dist/components/calendar.css +18 -16
  17. package/dist/components/calendar.js +1895 -1809
  18. package/dist/components/calendar.min.css +2 -2
  19. package/dist/components/calendar.min.js +2 -2
  20. package/dist/components/card.css +83 -115
  21. package/dist/components/card.min.css +1 -1
  22. package/dist/components/checkbox.css +47 -64
  23. package/dist/components/checkbox.js +842 -841
  24. package/dist/components/checkbox.min.css +1 -1
  25. package/dist/components/checkbox.min.js +2 -2
  26. package/dist/components/comment.css +37 -51
  27. package/dist/components/comment.min.css +1 -1
  28. package/dist/components/container.css +6 -5
  29. package/dist/components/container.min.css +2 -2
  30. package/dist/components/dimmer.css +31 -41
  31. package/dist/components/dimmer.js +708 -737
  32. package/dist/components/dimmer.min.css +1 -1
  33. package/dist/components/dimmer.min.js +2 -2
  34. package/dist/components/divider.css +32 -44
  35. package/dist/components/divider.min.css +1 -1
  36. package/dist/components/dropdown.css +129 -166
  37. package/dist/components/dropdown.js +4161 -4234
  38. package/dist/components/dropdown.min.css +2 -2
  39. package/dist/components/dropdown.min.js +2 -2
  40. package/dist/components/embed.css +13 -19
  41. package/dist/components/embed.js +651 -675
  42. package/dist/components/embed.min.css +1 -1
  43. package/dist/components/embed.min.js +2 -2
  44. package/dist/components/emoji.css +7 -6
  45. package/dist/components/feed.css +24 -32
  46. package/dist/components/feed.min.css +1 -1
  47. package/dist/components/flag.css +5 -3
  48. package/dist/components/flag.min.css +1 -1
  49. package/dist/components/flyout.css +44 -58
  50. package/dist/components/flyout.js +1464 -1465
  51. package/dist/components/flyout.min.css +2 -2
  52. package/dist/components/flyout.min.js +2 -2
  53. package/dist/components/form.css +85 -111
  54. package/dist/components/form.js +1979 -2004
  55. package/dist/components/form.min.css +1 -1
  56. package/dist/components/form.min.js +2 -2
  57. package/dist/components/grid.css +70 -96
  58. package/dist/components/grid.min.css +1 -1
  59. package/dist/components/header.css +47 -65
  60. package/dist/components/header.min.css +1 -1
  61. package/dist/components/icon.css +45 -66
  62. package/dist/components/icon.min.css +2 -2
  63. package/dist/components/image.css +32 -42
  64. package/dist/components/image.min.css +1 -1
  65. package/dist/components/input.css +182 -65
  66. package/dist/components/input.min.css +2 -2
  67. package/dist/components/item.css +55 -77
  68. package/dist/components/item.min.css +1 -1
  69. package/dist/components/label.css +68 -91
  70. package/dist/components/label.min.css +2 -2
  71. package/dist/components/list.css +44 -59
  72. package/dist/components/list.min.css +1 -1
  73. package/dist/components/loader.css +16 -22
  74. package/dist/components/loader.min.css +1 -1
  75. package/dist/components/menu.css +126 -186
  76. package/dist/components/message.css +25 -35
  77. package/dist/components/message.min.css +1 -1
  78. package/dist/components/modal.css +39 -40
  79. package/dist/components/modal.js +1491 -1485
  80. package/dist/components/modal.min.css +2 -2
  81. package/dist/components/modal.min.js +2 -2
  82. package/dist/components/nag.css +21 -28
  83. package/dist/components/nag.js +518 -526
  84. package/dist/components/nag.min.css +2 -2
  85. package/dist/components/nag.min.js +2 -2
  86. package/dist/components/placeholder.css +10 -12
  87. package/dist/components/placeholder.min.css +1 -1
  88. package/dist/components/popup.css +352 -59
  89. package/dist/components/popup.js +1437 -1456
  90. package/dist/components/popup.min.css +2 -2
  91. package/dist/components/popup.min.js +2 -2
  92. package/dist/components/progress.css +29 -39
  93. package/dist/components/progress.js +969 -997
  94. package/dist/components/progress.min.css +1 -1
  95. package/dist/components/progress.min.js +2 -2
  96. package/dist/components/rail.css +15 -20
  97. package/dist/components/rail.min.css +1 -1
  98. package/dist/components/rating.css +9 -13
  99. package/dist/components/rating.js +505 -523
  100. package/dist/components/rating.min.css +1 -1
  101. package/dist/components/rating.min.js +2 -2
  102. package/dist/components/reset.css +1 -1
  103. package/dist/components/reset.min.css +1 -1
  104. package/dist/components/reveal.css +19 -26
  105. package/dist/components/reveal.min.css +1 -1
  106. package/dist/components/search.css +43 -58
  107. package/dist/components/search.js +1498 -1534
  108. package/dist/components/search.min.css +2 -2
  109. package/dist/components/search.min.js +2 -2
  110. package/dist/components/segment.css +64 -83
  111. package/dist/components/segment.min.css +2 -2
  112. package/dist/components/shape.css +10 -14
  113. package/dist/components/shape.js +792 -809
  114. package/dist/components/shape.min.css +1 -1
  115. package/dist/components/shape.min.js +2 -2
  116. package/dist/components/sidebar.css +43 -58
  117. package/dist/components/sidebar.js +1071 -1098
  118. package/dist/components/sidebar.min.css +2 -2
  119. package/dist/components/sidebar.min.js +2 -2
  120. package/dist/components/site.css +5 -5
  121. package/dist/components/site.js +462 -476
  122. package/dist/components/site.min.css +1 -1
  123. package/dist/components/site.min.js +2 -2
  124. package/dist/components/slider.css +27 -37
  125. package/dist/components/slider.js +1287 -1306
  126. package/dist/components/slider.min.js +2 -2
  127. package/dist/components/state.js +639 -657
  128. package/dist/components/state.min.js +2 -2
  129. package/dist/components/statistic.css +32 -41
  130. package/dist/components/statistic.min.css +2 -2
  131. package/dist/components/step.css +26 -35
  132. package/dist/components/step.min.css +1 -1
  133. package/dist/components/sticky.css +1 -1
  134. package/dist/components/sticky.js +857 -902
  135. package/dist/components/sticky.min.css +1 -1
  136. package/dist/components/sticky.min.js +2 -2
  137. package/dist/components/tab.css +6 -8
  138. package/dist/components/tab.js +922 -963
  139. package/dist/components/tab.min.css +1 -1
  140. package/dist/components/tab.min.js +2 -2
  141. package/dist/components/table.css +93 -119
  142. package/dist/components/table.min.css +2 -2
  143. package/dist/components/text.css +1 -1
  144. package/dist/components/text.min.css +1 -1
  145. package/dist/components/toast.css +4 -6
  146. package/dist/components/toast.js +886 -887
  147. package/dist/components/toast.min.css +1 -1
  148. package/dist/components/toast.min.js +2 -2
  149. package/dist/components/transition.css +150 -3
  150. package/dist/components/transition.js +1041 -1077
  151. package/dist/components/transition.min.css +2 -2
  152. package/dist/components/transition.min.js +2 -2
  153. package/dist/components/visibility.js +1220 -1244
  154. package/dist/components/visibility.min.js +2 -2
  155. package/dist/semantic.css +2529 -1778
  156. package/dist/semantic.js +28928 -29383
  157. package/dist/semantic.min.css +2 -2
  158. package/dist/semantic.min.js +2 -2
  159. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  160. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  161. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  162. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  163. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  164. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  165. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  166. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  167. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  168. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  169. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  170. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  171. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  172. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  173. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  174. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  175. package/examples/assets/show-examples.js +13 -13
  176. package/gulpfile.js +9 -10
  177. package/package.json +13 -8
  178. package/scripts/nightly-version.js +81 -75
  179. package/src/definitions/behaviors/api.js +1162 -1180
  180. package/src/definitions/behaviors/form.js +1978 -2003
  181. package/src/definitions/behaviors/state.js +645 -663
  182. package/src/definitions/behaviors/visibility.js +1219 -1243
  183. package/src/definitions/collections/breadcrumb.less +41 -44
  184. package/src/definitions/collections/form.less +869 -879
  185. package/src/definitions/collections/grid.less +1690 -1695
  186. package/src/definitions/collections/menu.less +1493 -1503
  187. package/src/definitions/collections/message.less +292 -295
  188. package/src/definitions/collections/table.less +1616 -1620
  189. package/src/definitions/elements/button.less +1721 -1743
  190. package/src/definitions/elements/container.less +209 -209
  191. package/src/definitions/elements/divider.less +205 -206
  192. package/src/definitions/elements/emoji.less +38 -44
  193. package/src/definitions/elements/flag.less +44 -46
  194. package/src/definitions/elements/header.less +337 -345
  195. package/src/definitions/elements/icon.less +516 -443
  196. package/src/definitions/elements/image.less +221 -225
  197. package/src/definitions/elements/input.less +663 -659
  198. package/src/definitions/elements/label.less +803 -793
  199. package/src/definitions/elements/list.less +809 -809
  200. package/src/definitions/elements/loader.less +272 -266
  201. package/src/definitions/elements/placeholder.less +171 -168
  202. package/src/definitions/elements/rail.less +91 -91
  203. package/src/definitions/elements/reveal.less +192 -196
  204. package/src/definitions/elements/segment.less +743 -746
  205. package/src/definitions/elements/step.less +425 -433
  206. package/src/definitions/elements/text.less +32 -34
  207. package/src/definitions/globals/reset.less +9 -6
  208. package/src/definitions/globals/site.js +461 -475
  209. package/src/definitions/globals/site.less +106 -108
  210. package/src/definitions/modules/accordion.js +567 -594
  211. package/src/definitions/modules/accordion.less +242 -246
  212. package/src/definitions/modules/calendar.js +1894 -1808
  213. package/src/definitions/modules/calendar.less +98 -95
  214. package/src/definitions/modules/checkbox.js +841 -840
  215. package/src/definitions/modules/checkbox.less +536 -542
  216. package/src/definitions/modules/dimmer.js +707 -736
  217. package/src/definitions/modules/dimmer.less +300 -297
  218. package/src/definitions/modules/dropdown.js +4160 -4233
  219. package/src/definitions/modules/dropdown.less +1577 -1589
  220. package/src/definitions/modules/embed.js +650 -674
  221. package/src/definitions/modules/embed.less +81 -82
  222. package/src/definitions/modules/flyout.js +1463 -1464
  223. package/src/definitions/modules/flyout.less +445 -451
  224. package/src/definitions/modules/modal.js +1490 -1484
  225. package/src/definitions/modules/modal.less +459 -459
  226. package/src/definitions/modules/nag.js +517 -525
  227. package/src/definitions/modules/nag.less +134 -138
  228. package/src/definitions/modules/popup.js +1436 -1455
  229. package/src/definitions/modules/popup.less +742 -687
  230. package/src/definitions/modules/progress.js +968 -996
  231. package/src/definitions/modules/progress.less +521 -494
  232. package/src/definitions/modules/rating.js +504 -522
  233. package/src/definitions/modules/rating.less +94 -101
  234. package/src/definitions/modules/search.js +1497 -1533
  235. package/src/definitions/modules/search.less +375 -382
  236. package/src/definitions/modules/shape.js +791 -808
  237. package/src/definitions/modules/shape.less +71 -76
  238. package/src/definitions/modules/sidebar.js +1070 -1097
  239. package/src/definitions/modules/sidebar.less +463 -472
  240. package/src/definitions/modules/slider.js +1286 -1305
  241. package/src/definitions/modules/slider.less +307 -308
  242. package/src/definitions/modules/sticky.js +873 -918
  243. package/src/definitions/modules/sticky.less +21 -23
  244. package/src/definitions/modules/tab.js +921 -962
  245. package/src/definitions/modules/tab.less +51 -52
  246. package/src/definitions/modules/toast.js +885 -886
  247. package/src/definitions/modules/toast.less +584 -586
  248. package/src/definitions/modules/transition.js +1040 -1076
  249. package/src/definitions/modules/transition.less +62 -28
  250. package/src/definitions/views/ad.less +206 -206
  251. package/src/definitions/views/card.less +968 -970
  252. package/src/definitions/views/comment.less +190 -198
  253. package/src/definitions/views/feed.less +220 -224
  254. package/src/definitions/views/item.less +436 -446
  255. package/src/definitions/views/statistic.less +271 -277
  256. package/src/theme.less +29 -32
  257. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  258. package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  259. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  260. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  261. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  262. package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  263. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  264. package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  265. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  266. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  267. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  268. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  269. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  270. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  271. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  272. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  273. package/src/themes/default/elements/container.variables +0 -7
  274. package/src/themes/default/elements/icon.variables +18 -0
  275. package/src/themes/default/elements/segment.variables +0 -7
  276. package/src/themes/default/globals/colors.less +589 -589
  277. package/src/themes/default/globals/site.variables +8 -0
  278. package/src/themes/default/globals/variation.variables +13 -1
  279. package/src/themes/default/modules/calendar.variables +2 -0
  280. package/src/themes/default/modules/nag.variables +1 -1
  281. package/src/themes/default/modules/popup.variables +2 -0
  282. package/src/themes/default/modules/transition.variables +8 -1
  283. package/tasks/admin/components/create.js +274 -276
  284. package/tasks/admin/components/init.js +123 -130
  285. package/tasks/admin/components/update.js +149 -157
  286. package/tasks/admin/distributions/create.js +184 -187
  287. package/tasks/admin/distributions/init.js +123 -130
  288. package/tasks/admin/distributions/update.js +145 -152
  289. package/tasks/admin/publish.js +5 -7
  290. package/tasks/admin/register.js +36 -38
  291. package/tasks/admin/release.js +8 -10
  292. package/tasks/build/assets.js +42 -39
  293. package/tasks/build/css.js +225 -216
  294. package/tasks/build/javascript.js +118 -113
  295. package/tasks/build.js +10 -10
  296. package/tasks/check-install.js +14 -16
  297. package/tasks/clean.js +5 -5
  298. package/tasks/collections/admin.js +34 -36
  299. package/tasks/collections/build.js +18 -20
  300. package/tasks/collections/docs.js +9 -11
  301. package/tasks/collections/install.js +9 -11
  302. package/tasks/collections/rtl.js +9 -11
  303. package/tasks/collections/various.js +8 -10
  304. package/tasks/config/admin/github.js +17 -17
  305. package/tasks/config/admin/oauth.example.js +4 -4
  306. package/tasks/config/admin/release.js +98 -98
  307. package/tasks/config/admin/templates/component-package.js +9 -10
  308. package/tasks/config/admin/templates/css-package.js +18 -20
  309. package/tasks/config/admin/templates/less-package.js +11 -13
  310. package/tasks/config/defaults.js +116 -114
  311. package/tasks/config/docs.js +23 -23
  312. package/tasks/config/npm/gulpfile.js +8 -9
  313. package/tasks/config/project/config.js +127 -134
  314. package/tasks/config/project/install.js +715 -713
  315. package/tasks/config/project/release.js +32 -38
  316. package/tasks/config/tasks.js +165 -156
  317. package/tasks/config/user.js +23 -26
  318. package/tasks/docs/build.js +97 -95
  319. package/tasks/docs/metadata.js +90 -96
  320. package/tasks/docs/serve.js +80 -81
  321. package/tasks/install.js +370 -378
  322. package/tasks/rtl/build.js +2 -2
  323. package/tasks/rtl/watch.js +2 -2
  324. package/tasks/version.js +4 -4
  325. package/tasks/watch.js +28 -30
  326. package/test/meteor/assets.js +10 -13
  327. package/test/meteor/fonts.js +12 -13
  328. package/test/modules/accordion.spec.js +6 -8
  329. package/test/modules/checkbox.spec.js +5 -7
  330. package/test/modules/dropdown.spec.js +5 -7
  331. package/test/modules/modal.spec.js +6 -8
  332. package/test/modules/module.spec.js +158 -178
  333. package/test/modules/popup.spec.js +5 -7
  334. package/test/modules/search.spec.js +5 -7
  335. package/test/modules/shape.spec.js +5 -7
  336. package/test/modules/sidebar.spec.js +5 -7
  337. package/test/modules/tab.spec.js +6 -8
  338. package/test/modules/transition.spec.js +5 -7
  339. package/test/modules/video.spec.js +5 -7
@@ -8,12 +8,11 @@
8
8
  *
9
9
  */
10
10
 
11
-
12
11
  /*******************************
13
12
  Theme
14
13
  *******************************/
15
14
 
16
- @type : 'module';
15
+ @type : 'module';
17
16
  @element : 'rating';
18
17
 
19
18
  @import (multiple) '../../theme.config';
@@ -23,163 +22,157 @@
23
22
  *******************************/
24
23
 
25
24
  .ui.rating {
26
- display: inline-flex;
27
- white-space: @whiteSpace;
28
- vertical-align: @verticalAlign;
25
+ display: inline-flex;
26
+ white-space: @whiteSpace;
27
+ vertical-align: @verticalAlign;
29
28
  }
30
29
  .ui.rating:last-child {
31
- margin-right: 0;
30
+ margin-right: 0;
32
31
  }
33
32
 
34
33
  /* Icon */
35
34
  .ui.rating .icon {
36
- padding: 0;
37
- margin: 0;
38
- text-align: center;
39
- font-weight: @normal;
40
- font-style: normal;
41
- flex: 1 0 auto;
42
- cursor: @iconCursor;
43
- width: @iconWidth;
44
- height: @iconHeight;
45
- transition: @iconTransition;
46
- line-height: 1;
47
- backface-visibility: hidden;
35
+ padding: 0;
36
+ margin: 0;
37
+ text-align: center;
38
+ font-weight: @normal;
39
+ font-style: normal;
40
+ flex: 1 0 auto;
41
+ cursor: @iconCursor;
42
+ width: @iconWidth;
43
+ height: @iconHeight;
44
+ transition: @iconTransition;
45
+ line-height: 1;
46
+ backface-visibility: hidden;
48
47
  }
49
48
 
50
-
51
49
  /*******************************
52
50
  Types
53
51
  *******************************/
54
52
 
55
-
56
- /*-------------------
53
+ /* -------------------
57
54
  Standard
58
- --------------------*/
55
+ -------------------- */
59
56
 
60
57
  /* Inactive Icon */
61
58
  .ui.rating .icon {
62
- background: @inactiveBackground;
63
- color: @inactiveColor;
59
+ background: @inactiveBackground;
60
+ color: @inactiveColor;
64
61
  }
65
62
 
66
63
  /* Active Icon */
67
64
  .ui.rating .active.icon {
68
- background: @activeBackground;
69
- color: @activeColor;
65
+ background: @activeBackground;
66
+ color: @activeColor;
70
67
  }
71
68
 
72
69
  & when (@variationRatingPartial) {
73
- /* Partially Active Icon */
74
- .ui.rating .icon.partial.active {
75
- background: linear-gradient(to right, @activeColor 0% var(--full), @inactiveColor var(--full) 100%);
76
- }
77
-
78
- /* central override for colors */
79
- .ui.ui.ui.rating .icon.partial.active {
80
- -webkit-background-clip: text;
81
- background-clip: text;
82
- color: transparent;
83
- text-shadow: none;
84
- }
70
+ /* Partially Active Icon */
71
+ .ui.rating .icon.partial.active {
72
+ background: linear-gradient(to right, @activeColor 0% var(--full), @inactiveColor var(--full) 100%);
73
+ }
74
+
75
+ /* central override for colors */
76
+ .ui.ui.ui.rating .icon.partial.active {
77
+ -webkit-background-clip: text;
78
+ background-clip: text;
79
+ color: transparent;
80
+ text-shadow: none;
81
+ }
85
82
  }
83
+
86
84
  /* Selected Icon */
87
85
  .ui.rating .icon.selected,
88
86
  .ui.rating .icon.selected.active,
89
87
  .ui.rating .icon.selected.partial.active {
90
- background: @selectedBackground;
91
- color: @selectedColor;
92
- background-clip: unset;
88
+ background: @selectedBackground;
89
+ color: @selectedColor;
90
+ background-clip: unset;
93
91
  }
94
92
 
95
- /*--------------
93
+ /* --------------
96
94
  Colors
97
95
  -------------- */
98
96
  & when not (@variationRatingColors = false) {
99
- each(@variationRatingColors, {
100
- @color: @value;
101
- @c: @colors[@@color][color];
102
- @l: @colors[@@color][light];
103
- @h: @colors[@@color][hover];
104
- @lh: @colors[@@color][lightHover];
105
-
106
- .ui.@{color}.rating .active.icon {
107
- color: @l;
108
- text-shadow: 0px -@shadowWidth 0px @c,
109
- -@shadowWidth 0px 0px @c,
110
- 0px @shadowWidth 0px @c,
111
- @shadowWidth 0px 0px @c;
112
- }
113
- .ui.@{color}.rating .icon.selected,
114
- .ui.@{color}.rating .icon.selected.active,
115
- .ui.@{color}.rating .icon.selected.partial.active {
116
- background: inherit;
117
- color: @lh;
118
- text-shadow: 0px -@shadowWidth 0px @h,
119
- -@shadowWidth 0px 0px @h,
120
- 0px @shadowWidth 0px @h,
121
- @shadowWidth 0px 0px @h;
122
-
123
- -webkit-text-stroke: unset;
124
- background-clip: unset;
125
- }
126
- & when (@variationRatingPartial) {
127
- .ui.@{color}.rating .icon.partial.active {
128
- background: linear-gradient(to right, @l 0% var(--full), @inactiveColor var(--full) 100%);
129
- -webkit-text-stroke: @c 0.78px;
130
- }
131
- }
132
- })
97
+ each(@variationRatingColors, {
98
+ @color: @value;
99
+ @c: @colors[@@color][color];
100
+ @l: @colors[@@color][light];
101
+ @h: @colors[@@color][hover];
102
+ @lh: @colors[@@color][lightHover];
103
+
104
+ .ui.@{color}.rating .active.icon {
105
+ color: @l;
106
+ text-shadow: 0px -@shadowWidth 0px @c,
107
+ -@shadowWidth 0px 0px @c,
108
+ 0px @shadowWidth 0px @c,
109
+ @shadowWidth 0px 0px @c;
110
+ }
111
+ .ui.@{color}.rating .icon.selected,
112
+ .ui.@{color}.rating .icon.selected.active,
113
+ .ui.@{color}.rating .icon.selected.partial.active {
114
+ background: inherit;
115
+ color: @lh;
116
+ text-shadow: 0px -@shadowWidth 0px @h,
117
+ -@shadowWidth 0px 0px @h,
118
+ 0px @shadowWidth 0px @h,
119
+ @shadowWidth 0px 0px @h;
120
+
121
+ -webkit-text-stroke: unset;
122
+ background-clip: unset;
123
+ }
124
+ & when (@variationRatingPartial) {
125
+ .ui.@{color}.rating .icon.partial.active {
126
+ background: linear-gradient(to right, @l 0% var(--full), @inactiveColor var(--full) 100%);
127
+ -webkit-text-stroke: @c 0.78px;
128
+ }
129
+ }
130
+ })
133
131
  }
134
132
 
135
-
136
133
  /*******************************
137
134
  States
138
135
  *******************************/
139
136
 
140
137
  & when (@variationRatingDisabled) {
141
- /*-------------------
142
- Disabled
143
- --------------------*/
144
-
145
- /* disabled rating */
146
- .ui.disabled.rating .icon {
147
- cursor: default;
148
- pointer-events: none;
149
- }
138
+ /* -------------------
139
+ Disabled
140
+ -------------------- */
141
+
142
+ /* disabled rating */
143
+ .ui.disabled.rating .icon {
144
+ cursor: default;
145
+ pointer-events: none;
146
+ }
150
147
  }
151
148
 
152
-
153
- /*-------------------
149
+ /* -------------------
154
150
  User Interactive
155
- --------------------*/
151
+ -------------------- */
156
152
 
157
153
  /* Selected Rating */
158
154
  .ui.rating.selected .active.icon {
159
- opacity: @interactiveActiveIconOpacity;
155
+ opacity: @interactiveActiveIconOpacity;
160
156
  }
161
157
  .ui.rating.selected .icon.selected,
162
158
  .ui.rating .icon.selected {
163
- opacity: @interactiveSelectedIconOpacity;
159
+ opacity: @interactiveSelectedIconOpacity;
164
160
  }
165
161
 
166
-
167
-
168
162
  /*******************************
169
163
  Variations
170
164
  *******************************/
171
165
 
172
166
  .ui.rating {
173
- font-size: @medium;
167
+ font-size: @medium;
174
168
  }
175
169
  & when not (@variationRatingSizes = false) {
176
- each(@variationRatingSizes, {
177
- @s: @@value;
178
- .ui.@{value}.rating {
179
- font-size: @s;
180
- }
181
- })
170
+ each(@variationRatingSizes, {
171
+ @s: @@value;
172
+ .ui.@{value}.rating {
173
+ font-size: @s;
174
+ }
175
+ })
182
176
  }
183
177
 
184
-
185
178
  .loadUIOverrides();