fomantic-ui-sass 2.9.0 → 2.9.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/Lato-Bold.woff +0 -0
  4. data/app/assets/fonts/semantic-ui/Lato-Bold.woff2 +0 -0
  5. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff +0 -0
  6. data/app/assets/fonts/semantic-ui/Lato-BoldItalic.woff2 +0 -0
  7. data/app/assets/fonts/semantic-ui/Lato-Italic.woff +0 -0
  8. data/app/assets/fonts/semantic-ui/Lato-Italic.woff2 +0 -0
  9. data/app/assets/fonts/semantic-ui/Lato-Regular.woff +0 -0
  10. data/app/assets/fonts/semantic-ui/Lato-Regular.woff2 +0 -0
  11. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/LatoLatin-Bold.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff +0 -0
  14. data/app/assets/fonts/semantic-ui/LatoLatin-BoldItalic.woff2 +0 -0
  15. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff +0 -0
  16. data/app/assets/fonts/semantic-ui/LatoLatin-Italic.woff2 +0 -0
  17. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff +0 -0
  18. data/app/assets/fonts/semantic-ui/LatoLatin-Regular.woff2 +0 -0
  19. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  20. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  21. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  22. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  23. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  24. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  25. data/app/assets/javascripts/semantic-ui/accordion.js +569 -596
  26. data/app/assets/javascripts/semantic-ui/api.js +1158 -1180
  27. data/app/assets/javascripts/semantic-ui/calendar.js +1935 -1810
  28. data/app/assets/javascripts/semantic-ui/checkbox.js +843 -842
  29. data/app/assets/javascripts/semantic-ui/dimmer.js +707 -738
  30. data/app/assets/javascripts/semantic-ui/dropdown.js +4196 -4237
  31. data/app/assets/javascripts/semantic-ui/embed.js +646 -676
  32. data/app/assets/javascripts/semantic-ui/flyout.js +1503 -1466
  33. data/app/assets/javascripts/semantic-ui/form.js +2035 -2007
  34. data/app/assets/javascripts/semantic-ui/modal.js +1552 -1487
  35. data/app/assets/javascripts/semantic-ui/nag.js +521 -527
  36. data/app/assets/javascripts/semantic-ui/popup.js +1469 -1457
  37. data/app/assets/javascripts/semantic-ui/progress.js +944 -998
  38. data/app/assets/javascripts/semantic-ui/rating.js +508 -524
  39. data/app/assets/javascripts/semantic-ui/search.js +1521 -1535
  40. data/app/assets/javascripts/semantic-ui/shape.js +762 -811
  41. data/app/assets/javascripts/semantic-ui/sidebar.js +1042 -1100
  42. data/app/assets/javascripts/semantic-ui/site.js +437 -477
  43. data/app/assets/javascripts/semantic-ui/slider.js +1311 -1312
  44. data/app/assets/javascripts/semantic-ui/state.js +639 -658
  45. data/app/assets/javascripts/semantic-ui/sticky.js +848 -902
  46. data/app/assets/javascripts/semantic-ui/tab.js +903 -967
  47. data/app/assets/javascripts/semantic-ui/toast.js +911 -885
  48. data/app/assets/javascripts/semantic-ui/transition.js +998 -1078
  49. data/app/assets/javascripts/semantic-ui/visibility.js +1214 -1246
  50. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +7 -7
  51. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +311 -377
  52. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +191 -331
  53. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +302 -439
  54. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +127 -199
  55. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +549 -776
  56. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +711 -1123
  57. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +9 -8
  58. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +45 -63
  59. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +3558 -3558
  60. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +272 -270
  61. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +120 -144
  62. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +667 -747
  63. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +41 -65
  64. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +416 -300
  65. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +361 -412
  66. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +51 -72
  67. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +69 -157
  68. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +24 -44
  69. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +17 -22
  70. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +46 -85
  71. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +173 -227
  72. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +79 -152
  73. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +34 -34
  74. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -15
  75. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +29 -51
  76. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +37 -55
  77. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +26 -29
  78. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +159 -230
  79. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +55 -174
  80. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +261 -393
  81. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +21 -32
  82. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +97 -143
  83. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +122 -156
  84. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +55 -65
  85. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +573 -206
  86. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +108 -213
  87. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +83 -124
  88. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +71 -100
  89. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +16 -32
  90. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +105 -208
  91. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +102 -127
  92. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +3 -7
  93. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +12 -16
  94. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +71 -149
  95. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +371 -1282
  96. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +36 -47
  97. data/app/assets/stylesheets/semantic-ui/views/_card.scss +221 -367
  98. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +43 -61
  99. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +37 -59
  100. data/app/assets/stylesheets/semantic-ui/views/_item.scss +87 -134
  101. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +77 -118
  102. data/lib/fomantic/ui/sass/version.rb +2 -2
  103. data/tasks/converter.rb +1 -1
  104. metadata +17 -1
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0 - Rating
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.2 - Rating
3
+ * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
6
6
  * Released under the MIT license
7
- * http://opensource.org/licenses/MIT
7
+ * https://opensource.org/licenses/MIT
8
8
  *
9
9
  */
10
10
 
@@ -14,8 +14,6 @@
14
14
  *******************************/
15
15
 
16
16
  .ui.rating {
17
- display: -webkit-inline-box;
18
- display: -ms-inline-flexbox;
19
17
  display: inline-flex;
20
18
  white-space: nowrap;
21
19
  vertical-align: baseline;
@@ -31,13 +29,10 @@
31
29
  text-align: center;
32
30
  font-weight: normal;
33
31
  font-style: normal;
34
- -webkit-box-flex: 1;
35
- -ms-flex: 1 0 auto;
36
- flex: 1 0 auto;
32
+ flex: 1 0 auto;
37
33
  cursor: pointer;
38
34
  width: 1.25em;
39
35
  height: auto;
40
- -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
41
36
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
42
37
  line-height: 1;
43
38
  -webkit-backface-visibility: hidden;
@@ -50,10 +45,9 @@
50
45
  *******************************/
51
46
 
52
47
 
53
- /*-------------------
48
+ /* -------------------
54
49
  Standard
55
- --------------------*/
56
-
50
+ -------------------- */
57
51
 
58
52
  /* Inactive Icon */
59
53
  .ui.rating .icon {
@@ -69,13 +63,11 @@
69
63
 
70
64
  /* Partially Active Icon */
71
65
  .ui.rating .icon.partial.active {
72
- background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.15)));
73
- background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
74
66
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
75
67
  }
76
68
 
77
69
  /* central override for colors */
78
- .ui.ui.rating .icon.partial.active {
70
+ .ui.ui.ui.rating .icon.partial.active {
79
71
  -webkit-background-clip: text;
80
72
  background-clip: text;
81
73
  color: transparent;
@@ -91,294 +83,263 @@
91
83
  background-clip: unset;
92
84
  }
93
85
 
94
- /*--------------
86
+ /* --------------
95
87
  Colors
96
88
  -------------- */
97
-
98
89
  .ui.primary.rating .active.icon {
99
- color: #54C8FF;
100
- text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0;
90
+ color: #54c8ff;
91
+ text-shadow: 0 -1px 0 #2185d0, -1px 0 0 #2185d0, 0 1px 0 #2185d0, 1px 0 0 #2185d0;
101
92
  }
102
93
  .ui.primary.rating .icon.selected,
103
94
  .ui.primary.rating .icon.selected.active,
104
95
  .ui.primary.rating .icon.selected.partial.active {
105
96
  background: inherit;
106
97
  color: #21b8ff;
107
- text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2;
98
+ text-shadow: 0 -1px 0 #1678c2, -1px 0 0 #1678c2, 0 1px 0 #1678c2, 1px 0 0 #1678c2;
108
99
  -webkit-text-stroke: unset;
109
100
  background-clip: unset;
110
101
  }
111
102
  .ui.primary.rating .icon.partial.active {
112
- background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
113
- background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
114
- background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
115
- -webkit-text-stroke: #2185D0 0.78px;
103
+ background: linear-gradient(to right, #54c8ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
104
+ -webkit-text-stroke: #2185d0 0.78px;
116
105
  }
117
106
  .ui.secondary.rating .active.icon {
118
107
  color: #545454;
119
- text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D;
108
+ text-shadow: 0 -1px 0 #1b1c1d, -1px 0 0 #1b1c1d, 0 1px 0 #1b1c1d, 1px 0 0 #1b1c1d;
120
109
  }
121
110
  .ui.secondary.rating .icon.selected,
122
111
  .ui.secondary.rating .icon.selected.active,
123
112
  .ui.secondary.rating .icon.selected.partial.active {
124
113
  background: inherit;
125
114
  color: #6e6e6e;
126
- text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a;
115
+ text-shadow: 0 -1px 0 #27292a, -1px 0 0 #27292a, 0 1px 0 #27292a, 1px 0 0 #27292a;
127
116
  -webkit-text-stroke: unset;
128
117
  background-clip: unset;
129
118
  }
130
119
  .ui.secondary.rating .icon.partial.active {
131
- background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
132
- background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
133
120
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
134
- -webkit-text-stroke: #1B1C1D 0.78px;
121
+ -webkit-text-stroke: #1b1c1d 0.78px;
135
122
  }
136
123
  .ui.red.rating .active.icon {
137
- color: #FF695E;
138
- text-shadow: 0px -1px 0px #DB2828, -1px 0px 0px #DB2828, 0px 1px 0px #DB2828, 1px 0px 0px #DB2828;
124
+ color: #ff695e;
125
+ text-shadow: 0 -1px 0 #db2828, -1px 0 0 #db2828, 0 1px 0 #db2828, 1px 0 0 #db2828;
139
126
  }
140
127
  .ui.red.rating .icon.selected,
141
128
  .ui.red.rating .icon.selected.active,
142
129
  .ui.red.rating .icon.selected.partial.active {
143
130
  background: inherit;
144
131
  color: #ff392b;
145
- text-shadow: 0px -1px 0px #d01919, -1px 0px 0px #d01919, 0px 1px 0px #d01919, 1px 0px 0px #d01919;
132
+ text-shadow: 0 -1px 0 #d01919, -1px 0 0 #d01919, 0 1px 0 #d01919, 1px 0 0 #d01919;
146
133
  -webkit-text-stroke: unset;
147
134
  background-clip: unset;
148
135
  }
149
136
  .ui.red.rating .icon.partial.active {
150
- background: -webkit-gradient(linear, left top, right top, from(#FF695E), to(rgba(0, 0, 0, 0.15)));
151
- background: -webkit-linear-gradient(left, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
152
- background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
153
- -webkit-text-stroke: #DB2828 0.78px;
137
+ background: linear-gradient(to right, #ff695e 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
138
+ -webkit-text-stroke: #db2828 0.78px;
154
139
  }
155
140
  .ui.orange.rating .active.icon {
156
- color: #FF851B;
157
- text-shadow: 0px -1px 0px #F2711C, -1px 0px 0px #F2711C, 0px 1px 0px #F2711C, 1px 0px 0px #F2711C;
141
+ color: #ff851b;
142
+ text-shadow: 0 -1px 0 #f2711c, -1px 0 0 #f2711c, 0 1px 0 #f2711c, 1px 0 0 #f2711c;
158
143
  }
159
144
  .ui.orange.rating .icon.selected,
160
145
  .ui.orange.rating .icon.selected.active,
161
146
  .ui.orange.rating .icon.selected.partial.active {
162
147
  background: inherit;
163
148
  color: #e76b00;
164
- text-shadow: 0px -1px 0px #f26202, -1px 0px 0px #f26202, 0px 1px 0px #f26202, 1px 0px 0px #f26202;
149
+ text-shadow: 0 -1px 0 #f26202, -1px 0 0 #f26202, 0 1px 0 #f26202, 1px 0 0 #f26202;
165
150
  -webkit-text-stroke: unset;
166
151
  background-clip: unset;
167
152
  }
168
153
  .ui.orange.rating .icon.partial.active {
169
- background: -webkit-gradient(linear, left top, right top, from(#FF851B), to(rgba(0, 0, 0, 0.15)));
170
- background: -webkit-linear-gradient(left, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
171
- background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
172
- -webkit-text-stroke: #F2711C 0.78px;
154
+ background: linear-gradient(to right, #ff851b 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
155
+ -webkit-text-stroke: #f2711c 0.78px;
173
156
  }
174
157
  .ui.yellow.rating .active.icon {
175
- color: #FFE21F;
176
- text-shadow: 0px -1px 0px #FBBD08, -1px 0px 0px #FBBD08, 0px 1px 0px #FBBD08, 1px 0px 0px #FBBD08;
158
+ color: #ffe21f;
159
+ text-shadow: 0 -1px 0 #fbbd08, -1px 0 0 #fbbd08, 0 1px 0 #fbbd08, 1px 0 0 #fbbd08;
177
160
  }
178
161
  .ui.yellow.rating .icon.selected,
179
162
  .ui.yellow.rating .icon.selected.active,
180
163
  .ui.yellow.rating .icon.selected.partial.active {
181
164
  background: inherit;
182
165
  color: #ebcd00;
183
- text-shadow: 0px -1px 0px #eaae00, -1px 0px 0px #eaae00, 0px 1px 0px #eaae00, 1px 0px 0px #eaae00;
166
+ text-shadow: 0 -1px 0 #eaae00, -1px 0 0 #eaae00, 0 1px 0 #eaae00, 1px 0 0 #eaae00;
184
167
  -webkit-text-stroke: unset;
185
168
  background-clip: unset;
186
169
  }
187
170
  .ui.yellow.rating .icon.partial.active {
188
- background: -webkit-gradient(linear, left top, right top, from(#FFE21F), to(rgba(0, 0, 0, 0.15)));
189
- background: -webkit-linear-gradient(left, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
190
- background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
191
- -webkit-text-stroke: #FBBD08 0.78px;
171
+ background: linear-gradient(to right, #ffe21f 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
172
+ -webkit-text-stroke: #fbbd08 0.78px;
192
173
  }
193
174
  .ui.olive.rating .active.icon {
194
- color: #D9E778;
195
- text-shadow: 0px -1px 0px #B5CC18, -1px 0px 0px #B5CC18, 0px 1px 0px #B5CC18, 1px 0px 0px #B5CC18;
175
+ color: #d9e778;
176
+ text-shadow: 0 -1px 0 #b5cc18, -1px 0 0 #b5cc18, 0 1px 0 #b5cc18, 1px 0 0 #b5cc18;
196
177
  }
197
178
  .ui.olive.rating .icon.selected,
198
179
  .ui.olive.rating .icon.selected.active,
199
180
  .ui.olive.rating .icon.selected.partial.active {
200
181
  background: inherit;
201
182
  color: #d2e745;
202
- text-shadow: 0px -1px 0px #a7bd0d, -1px 0px 0px #a7bd0d, 0px 1px 0px #a7bd0d, 1px 0px 0px #a7bd0d;
183
+ text-shadow: 0 -1px 0 #a7bd0d, -1px 0 0 #a7bd0d, 0 1px 0 #a7bd0d, 1px 0 0 #a7bd0d;
203
184
  -webkit-text-stroke: unset;
204
185
  background-clip: unset;
205
186
  }
206
187
  .ui.olive.rating .icon.partial.active {
207
- background: -webkit-gradient(linear, left top, right top, from(#D9E778), to(rgba(0, 0, 0, 0.15)));
208
- background: -webkit-linear-gradient(left, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
209
- background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
210
- -webkit-text-stroke: #B5CC18 0.78px;
188
+ background: linear-gradient(to right, #d9e778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
189
+ -webkit-text-stroke: #b5cc18 0.78px;
211
190
  }
212
191
  .ui.green.rating .active.icon {
213
- color: #2ECC40;
214
- text-shadow: 0px -1px 0px #21BA45, -1px 0px 0px #21BA45, 0px 1px 0px #21BA45, 1px 0px 0px #21BA45;
192
+ color: #2ecc40;
193
+ text-shadow: 0 -1px 0 #21ba45, -1px 0 0 #21ba45, 0 1px 0 #21ba45, 1px 0 0 #21ba45;
215
194
  }
216
195
  .ui.green.rating .icon.selected,
217
196
  .ui.green.rating .icon.selected.active,
218
197
  .ui.green.rating .icon.selected.partial.active {
219
198
  background: inherit;
220
199
  color: #1ea92e;
221
- text-shadow: 0px -1px 0px #16ab39, -1px 0px 0px #16ab39, 0px 1px 0px #16ab39, 1px 0px 0px #16ab39;
200
+ text-shadow: 0 -1px 0 #16ab39, -1px 0 0 #16ab39, 0 1px 0 #16ab39, 1px 0 0 #16ab39;
222
201
  -webkit-text-stroke: unset;
223
202
  background-clip: unset;
224
203
  }
225
204
  .ui.green.rating .icon.partial.active {
226
- background: -webkit-gradient(linear, left top, right top, from(#2ECC40), to(rgba(0, 0, 0, 0.15)));
227
- background: -webkit-linear-gradient(left, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
228
- background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
229
- -webkit-text-stroke: #21BA45 0.78px;
205
+ background: linear-gradient(to right, #2ecc40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
206
+ -webkit-text-stroke: #21ba45 0.78px;
230
207
  }
231
208
  .ui.teal.rating .active.icon {
232
- color: #6DFFFF;
233
- text-shadow: 0px -1px 0px #00B5AD, -1px 0px 0px #00B5AD, 0px 1px 0px #00B5AD, 1px 0px 0px #00B5AD;
209
+ color: #6dffff;
210
+ text-shadow: 0 -1px 0 #00b5ad, -1px 0 0 #00b5ad, 0 1px 0 #00b5ad, 1px 0 0 #00b5ad;
234
211
  }
235
212
  .ui.teal.rating .icon.selected,
236
213
  .ui.teal.rating .icon.selected.active,
237
214
  .ui.teal.rating .icon.selected.partial.active {
238
215
  background: inherit;
239
216
  color: #3affff;
240
- text-shadow: 0px -1px 0px #009c95, -1px 0px 0px #009c95, 0px 1px 0px #009c95, 1px 0px 0px #009c95;
217
+ text-shadow: 0 -1px 0 #009c95, -1px 0 0 #009c95, 0 1px 0 #009c95, 1px 0 0 #009c95;
241
218
  -webkit-text-stroke: unset;
242
219
  background-clip: unset;
243
220
  }
244
221
  .ui.teal.rating .icon.partial.active {
245
- background: -webkit-gradient(linear, left top, right top, from(#6DFFFF), to(rgba(0, 0, 0, 0.15)));
246
- background: -webkit-linear-gradient(left, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
247
- background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
248
- -webkit-text-stroke: #00B5AD 0.78px;
222
+ background: linear-gradient(to right, #6dffff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
223
+ -webkit-text-stroke: #00b5ad 0.78px;
249
224
  }
250
225
  .ui.blue.rating .active.icon {
251
- color: #54C8FF;
252
- text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0;
226
+ color: #54c8ff;
227
+ text-shadow: 0 -1px 0 #2185d0, -1px 0 0 #2185d0, 0 1px 0 #2185d0, 1px 0 0 #2185d0;
253
228
  }
254
229
  .ui.blue.rating .icon.selected,
255
230
  .ui.blue.rating .icon.selected.active,
256
231
  .ui.blue.rating .icon.selected.partial.active {
257
232
  background: inherit;
258
233
  color: #21b8ff;
259
- text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2;
234
+ text-shadow: 0 -1px 0 #1678c2, -1px 0 0 #1678c2, 0 1px 0 #1678c2, 1px 0 0 #1678c2;
260
235
  -webkit-text-stroke: unset;
261
236
  background-clip: unset;
262
237
  }
263
238
  .ui.blue.rating .icon.partial.active {
264
- background: -webkit-gradient(linear, left top, right top, from(#54C8FF), to(rgba(0, 0, 0, 0.15)));
265
- background: -webkit-linear-gradient(left, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
266
- background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
267
- -webkit-text-stroke: #2185D0 0.78px;
239
+ background: linear-gradient(to right, #54c8ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
240
+ -webkit-text-stroke: #2185d0 0.78px;
268
241
  }
269
242
  .ui.violet.rating .active.icon {
270
- color: #A291FB;
271
- text-shadow: 0px -1px 0px #6435C9, -1px 0px 0px #6435C9, 0px 1px 0px #6435C9, 1px 0px 0px #6435C9;
243
+ color: #a291fb;
244
+ text-shadow: 0 -1px 0 #6435c9, -1px 0 0 #6435c9, 0 1px 0 #6435c9, 1px 0 0 #6435c9;
272
245
  }
273
246
  .ui.violet.rating .icon.selected,
274
247
  .ui.violet.rating .icon.selected.active,
275
248
  .ui.violet.rating .icon.selected.partial.active {
276
249
  background: inherit;
277
250
  color: #745aff;
278
- text-shadow: 0px -1px 0px #5829bb, -1px 0px 0px #5829bb, 0px 1px 0px #5829bb, 1px 0px 0px #5829bb;
251
+ text-shadow: 0 -1px 0 #5829bb, -1px 0 0 #5829bb, 0 1px 0 #5829bb, 1px 0 0 #5829bb;
279
252
  -webkit-text-stroke: unset;
280
253
  background-clip: unset;
281
254
  }
282
255
  .ui.violet.rating .icon.partial.active {
283
- background: -webkit-gradient(linear, left top, right top, from(#A291FB), to(rgba(0, 0, 0, 0.15)));
284
- background: -webkit-linear-gradient(left, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
285
- background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
286
- -webkit-text-stroke: #6435C9 0.78px;
256
+ background: linear-gradient(to right, #a291fb 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
257
+ -webkit-text-stroke: #6435c9 0.78px;
287
258
  }
288
259
  .ui.purple.rating .active.icon {
289
- color: #DC73FF;
290
- text-shadow: 0px -1px 0px #A333C8, -1px 0px 0px #A333C8, 0px 1px 0px #A333C8, 1px 0px 0px #A333C8;
260
+ color: #dc73ff;
261
+ text-shadow: 0 -1px 0 #a333c8, -1px 0 0 #a333c8, 0 1px 0 #a333c8, 1px 0 0 #a333c8;
291
262
  }
292
263
  .ui.purple.rating .icon.selected,
293
264
  .ui.purple.rating .icon.selected.active,
294
265
  .ui.purple.rating .icon.selected.partial.active {
295
266
  background: inherit;
296
267
  color: #cf40ff;
297
- text-shadow: 0px -1px 0px #9627ba, -1px 0px 0px #9627ba, 0px 1px 0px #9627ba, 1px 0px 0px #9627ba;
268
+ text-shadow: 0 -1px 0 #9627ba, -1px 0 0 #9627ba, 0 1px 0 #9627ba, 1px 0 0 #9627ba;
298
269
  -webkit-text-stroke: unset;
299
270
  background-clip: unset;
300
271
  }
301
272
  .ui.purple.rating .icon.partial.active {
302
- background: -webkit-gradient(linear, left top, right top, from(#DC73FF), to(rgba(0, 0, 0, 0.15)));
303
- background: -webkit-linear-gradient(left, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
304
- background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
305
- -webkit-text-stroke: #A333C8 0.78px;
273
+ background: linear-gradient(to right, #dc73ff 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
274
+ -webkit-text-stroke: #a333c8 0.78px;
306
275
  }
307
276
  .ui.pink.rating .active.icon {
308
- color: #FF8EDF;
309
- text-shadow: 0px -1px 0px #E03997, -1px 0px 0px #E03997, 0px 1px 0px #E03997, 1px 0px 0px #E03997;
277
+ color: #ff8edf;
278
+ text-shadow: 0 -1px 0 #e03997, -1px 0 0 #e03997, 0 1px 0 #e03997, 1px 0 0 #e03997;
310
279
  }
311
280
  .ui.pink.rating .icon.selected,
312
281
  .ui.pink.rating .icon.selected.active,
313
282
  .ui.pink.rating .icon.selected.partial.active {
314
283
  background: inherit;
315
284
  color: #ff5bd1;
316
- text-shadow: 0px -1px 0px #e61a8d, -1px 0px 0px #e61a8d, 0px 1px 0px #e61a8d, 1px 0px 0px #e61a8d;
285
+ text-shadow: 0 -1px 0 #e61a8d, -1px 0 0 #e61a8d, 0 1px 0 #e61a8d, 1px 0 0 #e61a8d;
317
286
  -webkit-text-stroke: unset;
318
287
  background-clip: unset;
319
288
  }
320
289
  .ui.pink.rating .icon.partial.active {
321
- background: -webkit-gradient(linear, left top, right top, from(#FF8EDF), to(rgba(0, 0, 0, 0.15)));
322
- background: -webkit-linear-gradient(left, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
323
- background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
324
- -webkit-text-stroke: #E03997 0.78px;
290
+ background: linear-gradient(to right, #ff8edf 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
291
+ -webkit-text-stroke: #e03997 0.78px;
325
292
  }
326
293
  .ui.brown.rating .active.icon {
327
- color: #D67C1C;
328
- text-shadow: 0px -1px 0px #A5673F, -1px 0px 0px #A5673F, 0px 1px 0px #A5673F, 1px 0px 0px #A5673F;
294
+ color: #d67c1c;
295
+ text-shadow: 0 -1px 0 #a5673f, -1px 0 0 #a5673f, 0 1px 0 #a5673f, 1px 0 0 #a5673f;
329
296
  }
330
297
  .ui.brown.rating .icon.selected,
331
298
  .ui.brown.rating .icon.selected.active,
332
299
  .ui.brown.rating .icon.selected.partial.active {
333
300
  background: inherit;
334
301
  color: #b0620f;
335
- text-shadow: 0px -1px 0px #975b33, -1px 0px 0px #975b33, 0px 1px 0px #975b33, 1px 0px 0px #975b33;
302
+ text-shadow: 0 -1px 0 #975b33, -1px 0 0 #975b33, 0 1px 0 #975b33, 1px 0 0 #975b33;
336
303
  -webkit-text-stroke: unset;
337
304
  background-clip: unset;
338
305
  }
339
306
  .ui.brown.rating .icon.partial.active {
340
- background: -webkit-gradient(linear, left top, right top, from(#D67C1C), to(rgba(0, 0, 0, 0.15)));
341
- background: -webkit-linear-gradient(left, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
342
- background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
343
- -webkit-text-stroke: #A5673F 0.78px;
307
+ background: linear-gradient(to right, #d67c1c 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
308
+ -webkit-text-stroke: #a5673f 0.78px;
344
309
  }
345
310
  .ui.grey.rating .active.icon {
346
- color: #DCDDDE;
347
- text-shadow: 0px -1px 0px #767676, -1px 0px 0px #767676, 0px 1px 0px #767676, 1px 0px 0px #767676;
311
+ color: #dcddde;
312
+ text-shadow: 0 -1px 0 #767676, -1px 0 0 #767676, 0 1px 0 #767676, 1px 0 0 #767676;
348
313
  }
349
314
  .ui.grey.rating .icon.selected,
350
315
  .ui.grey.rating .icon.selected.active,
351
316
  .ui.grey.rating .icon.selected.partial.active {
352
317
  background: inherit;
353
318
  color: #c2c4c5;
354
- text-shadow: 0px -1px 0px #838383, -1px 0px 0px #838383, 0px 1px 0px #838383, 1px 0px 0px #838383;
319
+ text-shadow: 0 -1px 0 #838383, -1px 0 0 #838383, 0 1px 0 #838383, 1px 0 0 #838383;
355
320
  -webkit-text-stroke: unset;
356
321
  background-clip: unset;
357
322
  }
358
323
  .ui.grey.rating .icon.partial.active {
359
- background: -webkit-gradient(linear, left top, right top, from(#DCDDDE), to(rgba(0, 0, 0, 0.15)));
360
- background: -webkit-linear-gradient(left, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
361
- background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
324
+ background: linear-gradient(to right, #dcddde 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
362
325
  -webkit-text-stroke: #767676 0.78px;
363
326
  }
364
327
  .ui.black.rating .active.icon {
365
328
  color: #545454;
366
- text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D;
329
+ text-shadow: 0 -1px 0 #1b1c1d, -1px 0 0 #1b1c1d, 0 1px 0 #1b1c1d, 1px 0 0 #1b1c1d;
367
330
  }
368
331
  .ui.black.rating .icon.selected,
369
332
  .ui.black.rating .icon.selected.active,
370
333
  .ui.black.rating .icon.selected.partial.active {
371
334
  background: inherit;
372
335
  color: #000000;
373
- text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a;
336
+ text-shadow: 0 -1px 0 #27292a, -1px 0 0 #27292a, 0 1px 0 #27292a, 1px 0 0 #27292a;
374
337
  -webkit-text-stroke: unset;
375
338
  background-clip: unset;
376
339
  }
377
340
  .ui.black.rating .icon.partial.active {
378
- background: -webkit-gradient(linear, left top, right top, from(#545454), to(rgba(0, 0, 0, 0.15)));
379
- background: -webkit-linear-gradient(left, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
380
341
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
381
- -webkit-text-stroke: #1B1C1D 0.78px;
342
+ -webkit-text-stroke: #1b1c1d 0.78px;
382
343
  }
383
344
 
384
345
 
@@ -387,10 +348,9 @@
387
348
  *******************************/
388
349
 
389
350
 
390
- /*-------------------
391
- Disabled
392
- --------------------*/
393
-
351
+ /* -------------------
352
+ Disabled
353
+ -------------------- */
394
354
 
395
355
  /* disabled rating */
396
356
  .ui.disabled.rating .icon {
@@ -398,10 +358,9 @@
398
358
  pointer-events: none;
399
359
  }
400
360
 
401
- /*-------------------
361
+ /* -------------------
402
362
  User Interactive
403
- --------------------*/
404
-
363
+ -------------------- */
405
364
 
406
365
  /* Selected Rating */
407
366
  .ui.rating.selected .active.icon {