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 - Button
3
- * http://github.com/fomantic/Fomantic-UI/
2
+ * # Fomantic-UI 2.9.2 - Button
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
 
@@ -20,9 +20,9 @@
20
20
  outline: none;
21
21
  border: none;
22
22
  vertical-align: baseline;
23
- background: #E0E1E2 none;
23
+ background: #e0e1e2 none;
24
24
  color: rgba(0, 0, 0, 0.6);
25
- font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
25
+ font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
26
26
  margin: 0 0.25em 0 0;
27
27
  padding: 0.78571429em 1.5em 0.78571429em;
28
28
  text-transform: none;
@@ -33,16 +33,11 @@
33
33
  text-align: center;
34
34
  text-decoration: none;
35
35
  border-radius: 0.28571429rem;
36
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
37
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
36
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
38
37
  -webkit-user-select: none;
39
- -moz-user-select: none;
40
38
  -ms-user-select: none;
41
39
  user-select: none;
42
- -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
43
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
44
40
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
45
- transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
46
41
  will-change: auto;
47
42
  -webkit-tap-highlight-color: transparent;
48
43
  }
@@ -53,74 +48,65 @@
53
48
  *******************************/
54
49
 
55
50
 
56
- /*--------------
51
+ /* --------------
57
52
  Hover
58
- ---------------*/
59
-
53
+ --------------- */
60
54
  .ui.button:hover {
61
- background-color: #CACBCD;
55
+ background-color: #cacbcd;
62
56
  background-image: none;
63
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
64
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
57
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
65
58
  color: rgba(0, 0, 0, 0.8);
66
59
  }
67
60
  .ui.button:hover .icon {
68
61
  opacity: 0.85;
69
62
  }
70
63
 
71
- /*--------------
64
+ /* --------------
72
65
  Focus
73
- ---------------*/
74
-
66
+ --------------- */
75
67
  .ui.button:focus {
76
- background-color: #CACBCD;
68
+ background-color: #cacbcd;
77
69
  color: rgba(0, 0, 0, 0.8);
78
70
  background-image: none;
79
- -webkit-box-shadow: '';
80
- box-shadow: '';
71
+ box-shadow: "";
81
72
  }
82
73
  .ui.button:focus .icon {
83
74
  opacity: 0.85;
84
75
  }
85
76
 
86
- /*--------------
77
+ /* --------------
87
78
  Down
88
- ---------------*/
89
-
79
+ --------------- */
90
80
  .ui.button:active,
91
81
  .ui.active.button:active {
92
- background-color: #BABBBC;
93
- background-image: '';
82
+ background-color: #babbbc;
83
+ background-image: "";
94
84
  color: rgba(0, 0, 0, 0.9);
95
- -webkit-box-shadow: 0 0 0 1px transparent inset, none;
96
- box-shadow: 0 0 0 1px transparent inset, none;
85
+ box-shadow: none;
97
86
  }
98
87
 
99
- /*--------------
88
+ /* --------------
100
89
  Active
101
- ---------------*/
102
-
90
+ --------------- */
103
91
  .ui.active.button {
104
- background-color: #C0C1C2;
92
+ background-color: #c0c1c2;
105
93
  background-image: none;
106
- -webkit-box-shadow: 0 0 0 1px transparent inset;
107
- box-shadow: 0 0 0 1px transparent inset;
94
+ box-shadow: 0 0 0 1px transparent inset;
108
95
  color: rgba(0, 0, 0, 0.95);
109
96
  }
110
97
  .ui.active.button:hover {
111
- background-color: #C0C1C2;
98
+ background-color: #c0c1c2;
112
99
  background-image: none;
113
100
  color: rgba(0, 0, 0, 0.95);
114
101
  }
115
102
  .ui.active.button:active {
116
- background-color: #C0C1C2;
103
+ background-color: #c0c1c2;
117
104
  background-image: none;
118
105
  }
119
106
 
120
- /*--------------
121
- Loading
122
- ---------------*/
123
-
107
+ /* --------------
108
+ Loading
109
+ --------------- */
124
110
 
125
111
  /* Specificity hack */
126
112
  .ui.loading.loading.loading.loading.loading.loading.button {
@@ -130,12 +116,11 @@
130
116
  color: transparent;
131
117
  opacity: 1;
132
118
  pointer-events: auto;
133
- -webkit-transition: all 0s linear, opacity 0.1s ease;
134
119
  transition: all 0s linear, opacity 0.1s ease;
135
120
  }
136
121
  .ui.loading.button::before {
137
122
  position: absolute;
138
- content: '';
123
+ content: "";
139
124
  top: 50%;
140
125
  left: 50%;
141
126
  margin: -0.64285714em 0 0 -0.64285714em;
@@ -146,19 +131,17 @@
146
131
  }
147
132
  .ui.loading.button::after {
148
133
  position: absolute;
149
- content: '';
134
+ content: "";
150
135
  top: 50%;
151
136
  left: 50%;
152
137
  margin: -0.64285714em 0 0 -0.64285714em;
153
138
  width: 1.28571429em;
154
139
  height: 1.28571429em;
155
140
  border-radius: 500rem;
156
- -webkit-animation: loader 0.6s infinite linear;
157
- animation: loader 0.6s infinite linear;
141
+ animation: loader 0.6s infinite linear;
158
142
  border: 0.2em solid currentColor;
159
- color: #FFFFFF;
160
- -webkit-box-shadow: 0 0 0 1px transparent;
161
- box-shadow: 0 0 0 1px transparent;
143
+ color: #fff;
144
+ box-shadow: 0 0 0 1px transparent;
162
145
  }
163
146
  .ui.ui.ui.loading.button .label {
164
147
  background-color: transparent;
@@ -167,8 +150,7 @@
167
150
  }
168
151
  .ui.labeled.icon.loading.button .icon {
169
152
  background-color: transparent;
170
- -webkit-box-shadow: none;
171
- box-shadow: none;
153
+ box-shadow: none;
172
154
  }
173
155
  .ui.basic.loading.button:not(.inverted)::before {
174
156
  border-color: rgba(0, 0, 0, 0.1);
@@ -177,10 +159,9 @@
177
159
  border-color: #767676;
178
160
  }
179
161
 
180
- /*-------------------
181
- Disabled
182
- --------------------*/
183
-
162
+ /* -------------------
163
+ Disabled
164
+ -------------------- */
184
165
  .ui.buttons .disabled.button:not(.basic),
185
166
  .ui.disabled.button,
186
167
  .ui.button:disabled,
@@ -189,8 +170,7 @@
189
170
  cursor: default;
190
171
  opacity: 0.45 !important;
191
172
  background-image: none;
192
- -webkit-box-shadow: none;
193
- box-shadow: none;
173
+ box-shadow: none;
194
174
  pointer-events: none !important;
195
175
  }
196
176
 
@@ -205,10 +185,9 @@
205
185
  *******************************/
206
186
 
207
187
 
208
- /*-------------------
209
- Animated
210
- --------------------*/
211
-
188
+ /* -------------------
189
+ Animated
190
+ -------------------- */
212
191
  .ui.animated.button {
213
192
  position: relative;
214
193
  overflow: hidden;
@@ -231,7 +210,6 @@
231
210
  /* Horizontal */
232
211
  .ui.animated.button .visible.content,
233
212
  .ui.animated.button .hidden.content {
234
- -webkit-transition: right 0.3s ease 0s;
235
213
  transition: right 0.3s ease 0s;
236
214
  }
237
215
  .ui.animated.button .visible.content {
@@ -258,14 +236,10 @@
258
236
  /* Vertical */
259
237
  .ui.vertical.animated.button .visible.content,
260
238
  .ui.vertical.animated.button .hidden.content {
261
- -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
262
- transition: top 0.3s ease, -webkit-transform 0.3s ease;
263
239
  transition: top 0.3s ease, transform 0.3s ease;
264
- transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
265
240
  }
266
241
  .ui.vertical.animated.button .visible.content {
267
- -webkit-transform: translateY(0%);
268
- transform: translateY(0%);
242
+ transform: translateY(0);
269
243
  right: auto;
270
244
  }
271
245
  .ui.vertical.animated.button .hidden.content {
@@ -275,8 +249,7 @@
275
249
  }
276
250
  .ui.vertical.animated.button:focus .visible.content,
277
251
  .ui.vertical.animated.button:hover .visible.content {
278
- -webkit-transform: translateY(200%);
279
- transform: translateY(200%);
252
+ transform: translateY(200%);
280
253
  right: auto;
281
254
  }
282
255
  .ui.vertical.animated.button:focus .hidden.content,
@@ -288,51 +261,42 @@
288
261
  /* Fade */
289
262
  .ui.fade.animated.button .visible.content,
290
263
  .ui.fade.animated.button .hidden.content {
291
- -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
292
- transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
293
264
  transition: opacity 0.3s ease, transform 0.3s ease;
294
- transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
295
265
  }
296
266
  .ui.fade.animated.button .visible.content {
297
267
  left: auto;
298
268
  right: auto;
299
269
  opacity: 1;
300
- -webkit-transform: scale(1);
301
- transform: scale(1);
270
+ transform: scale(1);
302
271
  }
303
272
  .ui.fade.animated.button .hidden.content {
304
273
  opacity: 0;
305
274
  left: 0;
306
275
  right: auto;
307
- -webkit-transform: scale(1.5);
308
- transform: scale(1.5);
276
+ transform: scale(1.5);
309
277
  }
310
278
  .ui.fade.animated.button:focus .visible.content,
311
279
  .ui.fade.animated.button:hover .visible.content {
312
280
  left: auto;
313
281
  right: auto;
314
282
  opacity: 0;
315
- -webkit-transform: scale(0.75);
316
- transform: scale(0.75);
283
+ transform: scale(0.75);
317
284
  }
318
285
  .ui.fade.animated.button:focus .hidden.content,
319
286
  .ui.fade.animated.button:hover .hidden.content {
320
287
  left: 0;
321
288
  right: auto;
322
289
  opacity: 1;
323
- -webkit-transform: scale(1);
324
- transform: scale(1);
290
+ transform: scale(1);
325
291
  }
326
292
 
327
- /*-------------------
328
- Inverted
329
- --------------------*/
330
-
293
+ /* -------------------
294
+ Inverted
295
+ -------------------- */
331
296
  .ui.inverted.button {
332
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
333
- box-shadow: 0 0 0 2px #FFFFFF inset;
297
+ box-shadow: 0 0 0 2px #fff inset;
334
298
  background: transparent none;
335
- color: #FFFFFF;
299
+ color: #fff;
336
300
  text-shadow: none !important;
337
301
  }
338
302
 
@@ -354,60 +318,46 @@
354
318
 
355
319
  /* Hover */
356
320
  .ui.inverted.button:hover {
357
- background: #FFFFFF;
358
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
359
- box-shadow: 0 0 0 2px #FFFFFF inset;
321
+ background: #fff;
322
+ box-shadow: 0 0 0 2px #fff inset;
360
323
  color: rgba(0, 0, 0, 0.8);
361
324
  }
362
325
 
363
326
  /* Active / Focus */
364
327
  .ui.inverted.button:focus,
365
328
  .ui.inverted.button.active {
366
- background: #FFFFFF;
367
- -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
368
- box-shadow: 0 0 0 2px #FFFFFF inset;
329
+ background: #fff;
330
+ box-shadow: 0 0 0 2px #fff inset;
369
331
  color: rgba(0, 0, 0, 0.8);
370
332
  }
371
333
 
372
334
  /* Active Focus */
373
335
  .ui.inverted.button.active:focus {
374
- background: #DCDDDE;
375
- -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
376
- box-shadow: 0 0 0 2px #DCDDDE inset;
336
+ background: #dcddde;
337
+ box-shadow: 0 0 0 2px #dcddde inset;
377
338
  color: rgba(0, 0, 0, 0.8);
378
339
  }
379
340
 
380
- /*-------------------
381
- Labeled Button
382
- --------------------*/
383
-
341
+ /* -------------------
342
+ Labeled Button
343
+ -------------------- */
384
344
  .ui.labeled.button:not(.icon) {
385
- display: -webkit-inline-box;
386
- display: -ms-inline-flexbox;
387
345
  display: inline-flex;
388
- -webkit-box-orient: horizontal;
389
- -webkit-box-direction: normal;
390
- -ms-flex-direction: row;
391
- flex-direction: row;
346
+ flex-direction: row;
392
347
  background: none;
393
348
  padding: 0 !important;
394
349
  border: none;
395
- -webkit-box-shadow: none;
396
- box-shadow: none;
350
+ box-shadow: none;
397
351
  }
398
352
  .ui.labeled.button > .button {
399
353
  margin: 0;
400
354
  }
401
355
  .ui.labeled.button > .label {
402
- display: -webkit-box;
403
- display: -ms-flexbox;
404
356
  display: flex;
405
- -webkit-box-align: center;
406
- -ms-flex-align: center;
407
- align-items: center;
357
+ align-items: center;
408
358
  margin: 0 0 0 -1px !important;
409
359
  font-size: 1em;
410
- padding: '';
360
+ padding: "";
411
361
  border-color: rgba(34, 36, 38, 0.15);
412
362
  }
413
363
 
@@ -437,209 +387,197 @@
437
387
  border-bottom-right-radius: 0;
438
388
  }
439
389
 
440
- /*-------------------
441
- Social
442
- --------------------*/
443
-
390
+ /* -------------------
391
+ Social
392
+ -------------------- */
444
393
 
445
394
  /* Facebook */
446
395
  .ui.facebook.button {
447
- background-color: #3B5998;
448
- color: #FFFFFF;
396
+ background-color: #3b5998;
397
+ color: #fff;
449
398
  text-shadow: none;
450
399
  background-image: none;
451
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
452
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
400
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
453
401
  }
454
402
  .ui.facebook.button:hover {
455
403
  background-color: #304d8a;
456
- color: #FFFFFF;
404
+ color: #fff;
457
405
  text-shadow: none;
458
406
  }
459
407
  .ui.facebook.button:active {
460
408
  background-color: #2d4373;
461
- color: #FFFFFF;
409
+ color: #fff;
462
410
  text-shadow: none;
463
411
  }
464
412
 
465
413
  /* Twitter */
466
414
  .ui.twitter.button {
467
- background-color: #1DA1F2;
468
- color: #FFFFFF;
415
+ background-color: #1da1f2;
416
+ color: #fff;
469
417
  text-shadow: none;
470
418
  background-image: none;
471
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
472
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
419
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
473
420
  }
474
421
  .ui.twitter.button:hover {
475
422
  background-color: #0298f3;
476
- color: #FFFFFF;
423
+ color: #fff;
477
424
  text-shadow: none;
478
425
  }
479
426
  .ui.twitter.button:active {
480
427
  background-color: #0c85d0;
481
- color: #FFFFFF;
428
+ color: #fff;
482
429
  text-shadow: none;
483
430
  }
484
431
 
485
432
  /* Google Plus */
486
433
  .ui.google.plus.button {
487
- background-color: #DD4B39;
488
- color: #FFFFFF;
434
+ background-color: #dd4b39;
435
+ color: #fff;
489
436
  text-shadow: none;
490
437
  background-image: none;
491
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
492
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
438
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
493
439
  }
494
440
  .ui.google.plus.button:hover {
495
441
  background-color: #e0321c;
496
- color: #FFFFFF;
442
+ color: #fff;
497
443
  text-shadow: none;
498
444
  }
499
445
  .ui.google.plus.button:active {
500
446
  background-color: #c23321;
501
- color: #FFFFFF;
447
+ color: #fff;
502
448
  text-shadow: none;
503
449
  }
504
450
 
505
451
  /* Linked In */
506
452
  .ui.linkedin.button {
507
- background-color: #0077B5;
508
- color: #FFFFFF;
453
+ background-color: #0077b5;
454
+ color: #fff;
509
455
  text-shadow: none;
510
456
  }
511
457
  .ui.linkedin.button:hover {
512
458
  background-color: #00669c;
513
- color: #FFFFFF;
459
+ color: #fff;
514
460
  text-shadow: none;
515
461
  }
516
462
  .ui.linkedin.button:active {
517
463
  background-color: #005582;
518
- color: #FFFFFF;
464
+ color: #fff;
519
465
  text-shadow: none;
520
466
  }
521
467
 
522
468
  /* YouTube */
523
469
  .ui.youtube.button {
524
- background-color: #FF0000;
525
- color: #FFFFFF;
470
+ background-color: #f00;
471
+ color: #fff;
526
472
  text-shadow: none;
527
473
  background-image: none;
528
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
529
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
474
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
530
475
  }
531
476
  .ui.youtube.button:hover {
532
477
  background-color: #e60000;
533
- color: #FFFFFF;
478
+ color: #fff;
534
479
  text-shadow: none;
535
480
  }
536
481
  .ui.youtube.button:active {
537
482
  background-color: #cc0000;
538
- color: #FFFFFF;
483
+ color: #fff;
539
484
  text-shadow: none;
540
485
  }
541
486
 
542
487
  /* Instagram */
543
488
  .ui.instagram.button {
544
- background-color: #49769C;
545
- color: #FFFFFF;
489
+ background-color: #49769c;
490
+ color: #fff;
546
491
  text-shadow: none;
547
492
  background-image: none;
548
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
549
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
493
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
550
494
  }
551
495
  .ui.instagram.button:hover {
552
496
  background-color: #3d698e;
553
- color: #FFFFFF;
497
+ color: #fff;
554
498
  text-shadow: none;
555
499
  }
556
500
  .ui.instagram.button:active {
557
501
  background-color: #395c79;
558
- color: #FFFFFF;
502
+ color: #fff;
559
503
  text-shadow: none;
560
504
  }
561
505
 
562
506
  /* Pinterest */
563
507
  .ui.pinterest.button {
564
- background-color: #BD081C;
565
- color: #FFFFFF;
508
+ background-color: #bd081c;
509
+ color: #fff;
566
510
  text-shadow: none;
567
511
  background-image: none;
568
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
569
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
512
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
570
513
  }
571
514
  .ui.pinterest.button:hover {
572
515
  background-color: #ac0013;
573
- color: #FFFFFF;
516
+ color: #fff;
574
517
  text-shadow: none;
575
518
  }
576
519
  .ui.pinterest.button:active {
577
520
  background-color: #8c0615;
578
- color: #FFFFFF;
521
+ color: #fff;
579
522
  text-shadow: none;
580
523
  }
581
524
 
582
525
  /* VK */
583
526
  .ui.vk.button {
584
- background-color: #45668E;
585
- color: #FFFFFF;
527
+ background-color: #45668e;
528
+ color: #fff;
586
529
  background-image: none;
587
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
588
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
530
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
589
531
  }
590
532
  .ui.vk.button:hover {
591
533
  background-color: #395980;
592
- color: #FFFFFF;
534
+ color: #fff;
593
535
  }
594
536
  .ui.vk.button:active {
595
537
  background-color: #344d6c;
596
- color: #FFFFFF;
538
+ color: #fff;
597
539
  }
598
540
 
599
541
  /* WhatsApp */
600
542
  .ui.whatsapp.button {
601
- background-color: #25D366;
602
- color: #FFFFFF;
543
+ background-color: #25d366;
544
+ color: #fff;
603
545
  background-image: none;
604
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
605
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
546
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
606
547
  }
607
548
  .ui.whatsapp.button:hover {
608
549
  background-color: #19c55a;
609
- color: #FFFFFF;
550
+ color: #fff;
610
551
  }
611
552
  .ui.whatsapp.button:active {
612
553
  background-color: #1da851;
613
- color: #FFFFFF;
554
+ color: #fff;
614
555
  }
615
556
 
616
557
  /* Telegram */
617
558
  .ui.telegram.button {
618
- background-color: #0088CC;
619
- color: #FFFFFF;
559
+ background-color: #08c;
560
+ color: #fff;
620
561
  background-image: none;
621
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
622
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
562
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
623
563
  }
624
564
  .ui.telegram.button:hover {
625
565
  background-color: #0077b3;
626
- color: #FFFFFF;
566
+ color: #fff;
627
567
  }
628
568
  .ui.telegram.button:active {
629
569
  background-color: #006699;
630
- color: #FFFFFF;
570
+ color: #fff;
631
571
  }
632
572
 
633
- /*--------------
573
+ /* --------------
634
574
  Icon
635
- ---------------*/
636
-
575
+ --------------- */
637
576
  .ui.button > .icon:not(.button) {
638
577
  height: auto;
639
578
  opacity: 0.8;
640
- -webkit-transition: opacity 0.1s ease;
641
579
  transition: opacity 0.1s ease;
642
- color: '';
580
+ color: "";
643
581
  }
644
582
  .ui.button:not(.icon) > .icon:not(.button):not(.dropdown),
645
583
  .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) {
@@ -659,18 +597,14 @@
659
597
  *******************************/
660
598
 
661
599
 
662
- /*--------------
663
- Stackable
664
- ---------------*/
665
-
600
+ /* --------------
601
+ Stackable
602
+ --------------- */
666
603
 
667
604
  /* Tablet Or Below */
668
605
  @media only screen and (max-width: 767.98px) {
669
606
  .ui.stackable.buttons {
670
- -webkit-box-orient: vertical;
671
- -webkit-box-direction: normal;
672
- -ms-flex-direction: column;
673
- flex-direction: column;
607
+ flex-direction: column;
674
608
  width: 100%;
675
609
  }
676
610
  .ui.stackable.buttons .button:first-child {
@@ -686,10 +620,9 @@
686
620
  }
687
621
  }
688
622
 
689
- /*-------------------
690
- Floated
691
- --------------------*/
692
-
623
+ /* -------------------
624
+ Floated
625
+ -------------------- */
693
626
  .ui[class*="left floated"].buttons,
694
627
  .ui[class*="left floated"].button {
695
628
  float: left;
@@ -703,10 +636,9 @@
703
636
  margin-left: 0.25em;
704
637
  }
705
638
 
706
- /*-------------------
707
- Compact
708
- --------------------*/
709
-
639
+ /* -------------------
640
+ Compact
641
+ -------------------- */
710
642
  .ui.compact.buttons .button,
711
643
  .ui.compact.button {
712
644
  padding: 0.58928571em 1.125em 0.58928571em;
@@ -721,13 +653,12 @@
721
653
  }
722
654
  .ui.compact.labeled.icon.buttons .button > .icon,
723
655
  .ui.compact.labeled.icon.button > .icon {
724
- padding: 0.58928571em 0 0.58928571em 0;
656
+ padding: 0.58928571em 0;
725
657
  }
726
658
 
727
- /*-------------------
659
+ /* -------------------
728
660
  Sizes
729
- --------------------*/
730
-
661
+ -------------------- */
731
662
  .ui.buttons .button,
732
663
  .ui.buttons .or,
733
664
  .ui.button {
@@ -783,10 +714,9 @@
783
714
  font-size: 1.71428571rem;
784
715
  }
785
716
 
786
- /*--------------
787
- Icon Only
788
- ---------------*/
789
-
717
+ /* --------------
718
+ Icon Only
719
+ --------------- */
790
720
  .ui.icon.buttons .button,
791
721
  .ui.icon.button:not(.animated):not(.compact):not(.labeled) {
792
722
  padding: 0.78571429em 0.78571429em 0.78571429em;
@@ -802,10 +732,9 @@
802
732
  vertical-align: top;
803
733
  }
804
734
 
805
- /*-------------------
806
- Basic
807
- --------------------*/
808
-
735
+ /* -------------------
736
+ Basic
737
+ -------------------- */
809
738
  .ui.basic.buttons .button,
810
739
  .ui.basic.button {
811
740
  background: transparent none;
@@ -814,12 +743,10 @@
814
743
  border-radius: 0.28571429rem;
815
744
  text-transform: none;
816
745
  text-shadow: none !important;
817
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
818
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
746
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
819
747
  }
820
748
  .ui.basic.buttons {
821
- -webkit-box-shadow: none;
822
- box-shadow: none;
749
+ box-shadow: none;
823
750
  border: 1px solid rgba(34, 36, 38, 0.15);
824
751
  border-radius: 0.28571429rem;
825
752
  border-right: none;
@@ -829,30 +756,26 @@
829
756
  }
830
757
  .ui.basic.buttons .button:hover,
831
758
  .ui.basic.button:hover {
832
- background: #FFFFFF;
759
+ background: #fff;
833
760
  color: rgba(0, 0, 0, 0.8);
834
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
835
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
761
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
836
762
  }
837
763
  .ui.basic.buttons .button:focus,
838
764
  .ui.basic.button:focus {
839
- background: #FFFFFF;
765
+ background: #fff;
840
766
  color: rgba(0, 0, 0, 0.8);
841
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
842
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
767
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
843
768
  }
844
769
  .ui.basic.buttons .button:active,
845
770
  .ui.basic.button:active {
846
- background: #F8F8F8;
771
+ background: #f8f8f8;
847
772
  color: rgba(0, 0, 0, 0.9);
848
- -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
849
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
773
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
850
774
  }
851
775
  .ui.basic.buttons .active.button,
852
776
  .ui.basic.active.button {
853
777
  background: rgba(0, 0, 0, 0.05);
854
- -webkit-box-shadow: '';
855
- box-shadow: '';
778
+ box-shadow: "";
856
779
  color: rgba(0, 0, 0, 0.95);
857
780
  }
858
781
  .ui.basic.buttons .active.button:hover,
@@ -860,65 +783,55 @@
860
783
  background-color: rgba(0, 0, 0, 0.05);
861
784
  }
862
785
  .ui.basic.buttons .button:hover {
863
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
864
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
786
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
865
787
  }
866
788
  .ui.basic.buttons .button:active {
867
- -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
868
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
789
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
869
790
  }
870
791
  .ui.basic.buttons .active.button {
871
- -webkit-box-shadow: '';
872
- box-shadow: '';
792
+ box-shadow: "";
873
793
  }
874
794
 
875
795
  /* Standard Basic Inverted */
876
796
  .ui.basic.inverted.buttons .button,
877
797
  .ui.basic.inverted.button {
878
798
  background-color: transparent;
879
- color: #F9FAFB;
880
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
881
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
799
+ color: #f9fafb;
800
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
882
801
  }
883
802
  .ui.basic.inverted.buttons .button:hover,
884
803
  .ui.basic.inverted.button:hover {
885
- color: #FFFFFF;
886
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
887
- box-shadow: 0 0 0 2px #ffffff inset;
804
+ color: #fff;
805
+ box-shadow: 0 0 0 2px #ffffff inset;
888
806
  }
889
807
  .ui.basic.inverted.buttons .button:focus,
890
808
  .ui.basic.inverted.button:focus {
891
- color: #FFFFFF;
892
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
893
- box-shadow: 0 0 0 2px #ffffff inset;
809
+ color: #fff;
810
+ box-shadow: 0 0 0 2px #ffffff inset;
894
811
  }
895
812
  .ui.basic.inverted.buttons .button:active,
896
813
  .ui.basic.inverted.button:active {
897
814
  background-color: rgba(255, 255, 255, 0.08);
898
- color: #FFFFFF;
899
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
900
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
815
+ color: #fff;
816
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
901
817
  }
902
818
  .ui.basic.inverted.buttons .active.button,
903
819
  .ui.basic.inverted.active.button {
904
820
  background-color: rgba(255, 255, 255, 0.08);
905
- color: #FFFFFF;
821
+ color: #fff;
906
822
  text-shadow: none;
907
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
908
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
823
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
909
824
  }
910
825
  .ui.basic.inverted.buttons .active.button:hover,
911
826
  .ui.basic.inverted.active.button:hover {
912
827
  background-color: rgba(255, 255, 255, 0.15);
913
- -webkit-box-shadow: 0 0 0 2px #ffffff inset;
914
- box-shadow: 0 0 0 2px #ffffff inset;
828
+ box-shadow: 0 0 0 2px #ffffff inset;
915
829
  }
916
830
 
917
831
  /* Basic Group */
918
832
  .ui.basic.buttons:not(.inverted) .button:not(.basic) {
919
833
  border-right: 1px solid rgba(34, 36, 38, 0.15);
920
- -webkit-box-shadow: none;
921
- box-shadow: none;
834
+ box-shadow: none;
922
835
  }
923
836
  .ui.basic.vertical.buttons .button {
924
837
  border-left: none;
@@ -929,47 +842,40 @@
929
842
  border-top: none;
930
843
  }
931
844
 
932
- /*-------------------
933
- Tertiary
934
- --------------------*/
935
-
845
+ /* -------------------
846
+ Tertiary
847
+ -------------------- */
936
848
 
937
849
  /* Overline Mixin */
938
850
  .ui.tertiary.button {
939
- -webkit-transition: color 0.1s ease !important;
940
851
  transition: color 0.1s ease !important;
941
852
  border-radius: 0;
942
853
  margin: 0.28571429em 0.25em 0.28571429em 0 !important;
943
854
  padding: 0.5em 0.5em !important;
944
- -webkit-box-shadow: none;
945
- box-shadow: none;
855
+ box-shadow: none;
946
856
  color: rgba(0, 0, 0, 0.6);
947
857
  background: none;
948
858
  }
949
859
  .ui.tertiary.button:hover {
950
- -webkit-box-shadow: inset 0 -0.2em 0 #666666;
951
- box-shadow: inset 0 -0.2em 0 #666666;
860
+ box-shadow: inset 0 -0.2em 0 #666666;
952
861
  color: #333333;
953
862
  background: none;
954
863
  }
955
864
  .ui.tertiary.button:focus {
956
- -webkit-box-shadow: inset 0 -0.2em 0 #666666;
957
- box-shadow: inset 0 -0.2em 0 #666666;
865
+ box-shadow: inset 0 -0.2em 0 #666666;
958
866
  color: #333333;
959
867
  background: none;
960
868
  }
961
869
  .ui.tertiary.button:active {
962
- -webkit-box-shadow: inset 0 -0.2em 0 #999999;
963
- box-shadow: inset 0 -0.2em 0 #999999;
870
+ box-shadow: inset 0 -0.2em 0 #999999;
964
871
  border-radius: 0.28571429rem 0.28571429rem 0 0;
965
872
  color: #666666;
966
873
  background: none;
967
874
  }
968
875
 
969
- /*--------------
970
- Labeled Icon
971
- ---------------*/
972
-
876
+ /* --------------
877
+ Labeled Icon
878
+ --------------- */
973
879
  .ui.labeled.icon.buttons .button,
974
880
  .ui.labeled.icon.button {
975
881
  position: relative;
@@ -989,15 +895,13 @@
989
895
  border-top-left-radius: inherit;
990
896
  border-bottom-left-radius: inherit;
991
897
  text-align: center;
992
- -webkit-animation: none;
993
- animation: none;
994
- padding: 0.78571429em 0 0.78571429em 0;
898
+ animation: none;
899
+ padding: 0.78571429em 0;
995
900
  margin: 0;
996
901
  width: 2.57142857em;
997
902
  background-color: rgba(0, 0, 0, 0.05);
998
- color: '';
999
- -webkit-box-shadow: -1px 0 0 0 transparent inset;
1000
- box-shadow: -1px 0 0 0 transparent inset;
903
+ color: "";
904
+ box-shadow: -1px 0 0 0 transparent inset;
1001
905
  }
1002
906
 
1003
907
  /* Right Labeled */
@@ -1011,8 +915,7 @@
1011
915
  border-radius: 0;
1012
916
  border-top-right-radius: inherit;
1013
917
  border-bottom-right-radius: inherit;
1014
- -webkit-box-shadow: 1px 0 0 0 transparent inset;
1015
- box-shadow: 1px 0 0 0 transparent inset;
918
+ box-shadow: 1px 0 0 0 transparent inset;
1016
919
  }
1017
920
  .ui.labeled.icon.buttons > .button > .icon::before,
1018
921
  .ui.labeled.icon.button > .icon::before,
@@ -1046,35 +949,31 @@
1046
949
 
1047
950
  /* Loading Icon in Labeled Button */
1048
951
  .ui.labeled.icon.button > .loading.icon::before {
1049
- -webkit-animation: loader 2s linear infinite;
1050
- animation: loader 2s linear infinite;
952
+ animation: loader 2s linear infinite;
1051
953
  }
1052
954
 
1053
- /*--------------
1054
- Toggle
1055
- ---------------*/
1056
-
955
+ /* --------------
956
+ Toggle
957
+ --------------- */
1057
958
 
1058
959
  /* Toggle (Modifies active state to give affordances) */
1059
960
  .ui.toggle.buttons .active.button,
1060
961
  .ui.buttons .button.toggle.active,
1061
962
  .ui.button.toggle.active {
1062
- background-color: #21BA45;
1063
- -webkit-box-shadow: none;
1064
- box-shadow: none;
963
+ background-color: #21ba45;
964
+ box-shadow: none;
1065
965
  text-shadow: none;
1066
- color: #FFFFFF;
966
+ color: #fff;
1067
967
  }
1068
968
  .ui.button.toggle.active:hover {
1069
969
  background-color: #16ab39;
1070
970
  text-shadow: none;
1071
- color: #FFFFFF;
971
+ color: #fff;
1072
972
  }
1073
973
 
1074
- /*--------------
1075
- Circular
1076
- ---------------*/
1077
-
974
+ /* --------------
975
+ Circular
976
+ --------------- */
1078
977
  .ui.circular.button {
1079
978
  border-radius: 10em;
1080
979
  }
@@ -1083,10 +982,9 @@
1083
982
  vertical-align: baseline;
1084
983
  }
1085
984
 
1086
- /*-------------------
1087
- Or Buttons
1088
- --------------------*/
1089
-
985
+ /* -------------------
986
+ Or Buttons
987
+ -------------------- */
1090
988
  .ui.buttons .or {
1091
989
  position: relative;
1092
990
  width: 0.3em;
@@ -1097,10 +995,10 @@
1097
995
  position: absolute;
1098
996
  text-align: center;
1099
997
  border-radius: 500rem;
1100
- content: 'or';
998
+ content: "or";
1101
999
  top: 50%;
1102
1000
  left: 50%;
1103
- background-color: #FFFFFF;
1001
+ background-color: #fff;
1104
1002
  text-shadow: none;
1105
1003
  margin-top: -0.89285714em;
1106
1004
  margin-left: -0.89285714em;
@@ -1110,8 +1008,7 @@
1110
1008
  color: rgba(0, 0, 0, 0.4);
1111
1009
  font-style: normal;
1112
1010
  font-weight: bold;
1113
- -webkit-box-shadow: 0 0 0 1px transparent inset;
1114
- box-shadow: 0 0 0 1px transparent inset;
1011
+ box-shadow: 0 0 0 1px transparent inset;
1115
1012
  }
1116
1013
  .ui.buttons .or[data-text]::before {
1117
1014
  content: attr(data-text);
@@ -1125,10 +1022,9 @@
1125
1022
  display: none;
1126
1023
  }
1127
1024
 
1128
- /*-------------------
1129
- Attached
1130
- --------------------*/
1131
-
1025
+ /* -------------------
1026
+ Attached
1027
+ -------------------- */
1132
1028
 
1133
1029
  /* Singular */
1134
1030
  .ui.attached.button {
@@ -1136,8 +1032,7 @@
1136
1032
  display: block;
1137
1033
  margin: 0;
1138
1034
  border-radius: 0;
1139
- -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1140
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1035
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1141
1036
  }
1142
1037
 
1143
1038
  /* Top / Bottom */
@@ -1166,8 +1061,6 @@
1166
1061
  /* Plural */
1167
1062
  .ui.attached.buttons {
1168
1063
  position: relative;
1169
- display: -webkit-box;
1170
- display: -ms-flexbox;
1171
1064
  display: flex;
1172
1065
  border-radius: 0;
1173
1066
  width: auto !important;
@@ -1209,8 +1102,6 @@
1209
1102
 
1210
1103
  /* Left / Right */
1211
1104
  .ui[class*="left attached"].buttons {
1212
- display: -webkit-inline-box;
1213
- display: -ms-inline-flexbox;
1214
1105
  display: inline-flex;
1215
1106
  margin-right: 0;
1216
1107
  margin-left: -1px;
@@ -1225,8 +1116,6 @@
1225
1116
  border-radius: 0 0 0.28571429rem 0;
1226
1117
  }
1227
1118
  .ui[class*="right attached"].buttons {
1228
- display: -webkit-inline-box;
1229
- display: -ms-inline-flexbox;
1230
1119
  display: inline-flex;
1231
1120
  margin-left: 0;
1232
1121
  margin-right: -1px;
@@ -1241,10 +1130,9 @@
1241
1130
  border-radius: 0 0 0 0.28571429rem;
1242
1131
  }
1243
1132
 
1244
- /*-------------------
1245
- Fluid
1246
- --------------------*/
1247
-
1133
+ /* -------------------
1134
+ Fluid
1135
+ -------------------- */
1248
1136
  .ui.fluid.buttons,
1249
1137
  .ui.fluid.button {
1250
1138
  width: 100%;
@@ -1322,13 +1210,9 @@
1322
1210
  /* Fluid Vertical Buttons */
1323
1211
  .ui.fluid.vertical.buttons,
1324
1212
  .ui.fluid.vertical.buttons > .button {
1325
- display: -webkit-box;
1326
- display: -ms-flexbox;
1327
1213
  display: flex;
1328
1214
  width: auto;
1329
- -webkit-box-pack: center;
1330
- -ms-flex-pack: center;
1331
- justify-content: center;
1215
+ justify-content: center;
1332
1216
  }
1333
1217
  .ui.two.vertical.buttons > .button {
1334
1218
  height: 50%;
@@ -1364,37 +1248,35 @@
1364
1248
  height: 8.3333%;
1365
1249
  }
1366
1250
 
1367
- /*-------------------
1251
+ /* -------------------
1368
1252
  Colors
1369
- --------------------*/
1370
-
1253
+ -------------------- */
1371
1254
  .ui.primary.buttons .button,
1372
1255
  .ui.primary.button {
1373
- background-color: #2185D0;
1374
- color: #FFFFFF;
1256
+ background-color: #2185d0;
1257
+ color: #fff;
1375
1258
  text-shadow: none;
1376
1259
  background-image: none;
1377
1260
  }
1378
1261
  .ui.primary.button {
1379
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1380
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1262
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1381
1263
  }
1382
1264
  .ui.primary.buttons .button:hover,
1383
1265
  .ui.primary.button:hover {
1384
1266
  background-color: #1678c2;
1385
- color: #FFFFFF;
1267
+ color: #fff;
1386
1268
  text-shadow: none;
1387
1269
  }
1388
1270
  .ui.primary.buttons .button:focus,
1389
1271
  .ui.primary.button:focus {
1390
1272
  background-color: #0d71bb;
1391
- color: #FFFFFF;
1273
+ color: #fff;
1392
1274
  text-shadow: none;
1393
1275
  }
1394
1276
  .ui.primary.buttons .button:active,
1395
1277
  .ui.primary.button:active {
1396
1278
  background-color: #1a69a4;
1397
- color: #FFFFFF;
1279
+ color: #fff;
1398
1280
  text-shadow: none;
1399
1281
  }
1400
1282
  .ui.primary.buttons .active.button,
@@ -1402,7 +1284,7 @@
1402
1284
  .ui.primary.active.button,
1403
1285
  .ui.primary.button .active.button:active {
1404
1286
  background-color: #1279c6;
1405
- color: #FFFFFF;
1287
+ color: #fff;
1406
1288
  text-shadow: none;
1407
1289
  }
1408
1290
 
@@ -1410,35 +1292,30 @@
1410
1292
  .ui.basic.primary.buttons .button,
1411
1293
  .ui.basic.primary.button {
1412
1294
  background: transparent;
1413
- -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
1414
- box-shadow: 0 0 0 1px #2185D0 inset;
1415
- color: #2185D0;
1295
+ box-shadow: 0 0 0 1px #2185d0 inset;
1296
+ color: #2185d0;
1416
1297
  }
1417
1298
  .ui.basic.primary.buttons .button:hover,
1418
1299
  .ui.basic.primary.button:hover {
1419
1300
  background: transparent;
1420
- -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
1421
- box-shadow: 0 0 0 1px #1678c2 inset;
1301
+ box-shadow: 0 0 0 1px #1678c2 inset;
1422
1302
  color: #1678c2;
1423
1303
  }
1424
1304
  .ui.basic.primary.buttons .button:focus,
1425
1305
  .ui.basic.primary.button:focus {
1426
1306
  background: transparent;
1427
- -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
1428
- box-shadow: 0 0 0 1px #0d71bb inset;
1307
+ box-shadow: 0 0 0 1px #0d71bb inset;
1429
1308
  color: #1678c2;
1430
1309
  }
1431
1310
  .ui.basic.primary.buttons .active.button,
1432
1311
  .ui.basic.primary.active.button {
1433
1312
  background: transparent;
1434
- -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
1435
- box-shadow: 0 0 0 1px #1279c6 inset;
1313
+ box-shadow: 0 0 0 1px #1279c6 inset;
1436
1314
  color: #1a69a4;
1437
1315
  }
1438
1316
  .ui.basic.primary.buttons .button:active,
1439
1317
  .ui.basic.primary.button:active {
1440
- -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
1441
- box-shadow: 0 0 0 1px #1a69a4 inset;
1318
+ box-shadow: 0 0 0 1px #1a69a4 inset;
1442
1319
  color: #1a69a4;
1443
1320
  }
1444
1321
 
@@ -1446,9 +1323,8 @@
1446
1323
  .ui.inverted.primary.buttons .button,
1447
1324
  .ui.inverted.primary.button {
1448
1325
  background-color: transparent;
1449
- -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
1450
- box-shadow: 0 0 0 2px #54C8FF inset;
1451
- color: #54C8FF;
1326
+ box-shadow: 0 0 0 2px #54c8ff inset;
1327
+ color: #54c8ff;
1452
1328
  }
1453
1329
  .ui.inverted.primary.buttons .button:hover,
1454
1330
  .ui.inverted.primary.button:hover,
@@ -1458,9 +1334,8 @@
1458
1334
  .ui.inverted.primary.button.active,
1459
1335
  .ui.inverted.primary.buttons .button:active,
1460
1336
  .ui.inverted.primary.button:active {
1461
- -webkit-box-shadow: none;
1462
- box-shadow: none;
1463
- color: #FFFFFF;
1337
+ box-shadow: none;
1338
+ color: #fff;
1464
1339
  }
1465
1340
  .ui.inverted.primary.buttons .button:hover,
1466
1341
  .ui.inverted.primary.button:hover {
@@ -1484,37 +1359,32 @@
1484
1359
  .ui.inverted.primary.buttons .basic.button,
1485
1360
  .ui.inverted.primary.basic.button {
1486
1361
  background-color: transparent;
1487
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1488
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1489
- color: #FFFFFF;
1362
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1363
+ color: #fff;
1490
1364
  }
1491
1365
  .ui.inverted.primary.basic.buttons .button:hover,
1492
1366
  .ui.inverted.primary.buttons .basic.button:hover,
1493
1367
  .ui.inverted.primary.basic.button:hover {
1494
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1495
- box-shadow: 0 0 0 2px #21b8ff inset;
1496
- color: #54C8FF;
1368
+ box-shadow: 0 0 0 2px #21b8ff inset;
1369
+ color: #54c8ff;
1497
1370
  }
1498
1371
  .ui.inverted.primary.basic.buttons .button:focus,
1499
1372
  .ui.inverted.primary.basic.buttons .button:focus,
1500
1373
  .ui.inverted.primary.basic.button:focus {
1501
- -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
1502
- box-shadow: 0 0 0 2px #2bbbff inset;
1503
- color: #54C8FF;
1374
+ box-shadow: 0 0 0 2px #2bbbff inset;
1375
+ color: #54c8ff;
1504
1376
  }
1505
1377
  .ui.inverted.primary.basic.buttons .active.button,
1506
1378
  .ui.inverted.primary.buttons .basic.active.button,
1507
1379
  .ui.inverted.primary.basic.active.button {
1508
- -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
1509
- box-shadow: 0 0 0 2px #3ac0ff inset;
1510
- color: #54C8FF;
1380
+ box-shadow: 0 0 0 2px #3ac0ff inset;
1381
+ color: #54c8ff;
1511
1382
  }
1512
1383
  .ui.inverted.primary.basic.buttons .button:active,
1513
1384
  .ui.inverted.primary.buttons .basic.button:active,
1514
1385
  .ui.inverted.primary.basic.button:active {
1515
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1516
- box-shadow: 0 0 0 2px #21b8ff inset;
1517
- color: #54C8FF;
1386
+ box-shadow: 0 0 0 2px #21b8ff inset;
1387
+ color: #54c8ff;
1518
1388
  }
1519
1389
 
1520
1390
  /* Tertiary */
@@ -1522,22 +1392,19 @@
1522
1392
  .ui.tertiary.primary.buttons .tertiary.button,
1523
1393
  .ui.tertiary.primary.button {
1524
1394
  background: transparent;
1525
- -webkit-box-shadow: none;
1526
- box-shadow: none;
1527
- color: #2185D0;
1395
+ box-shadow: none;
1396
+ color: #2185d0;
1528
1397
  }
1529
1398
  .ui.tertiary.primary.buttons .button:hover,
1530
1399
  .ui.tertiary.primary.buttons button:hover,
1531
1400
  .ui.tertiary.primary.button:hover {
1532
- -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
1533
- box-shadow: inset 0 -0.2em 0 #2b75ac;
1401
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
1534
1402
  color: #2b75ac;
1535
1403
  }
1536
1404
  .ui.tertiary.primary.buttons .button:focus,
1537
1405
  .ui.tertiary.primary.buttons .tertiary.button:focus,
1538
1406
  .ui.tertiary.primary.button:focus {
1539
- -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
1540
- box-shadow: inset 0 -0.2em 0 #216ea7;
1407
+ box-shadow: inset 0 -0.2em 0 #216ea7;
1541
1408
  color: #216ea7;
1542
1409
  }
1543
1410
  .ui.tertiary.primary.buttons .active.button,
@@ -1546,37 +1413,35 @@
1546
1413
  .ui.tertiary.primary.buttons .button:active,
1547
1414
  .ui.tertiary.primary.buttons .tertiary.button:active,
1548
1415
  .ui.tertiary.primary.button:active {
1549
- -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
1550
- box-shadow: inset 0 -0.2em 0 #007bd8;
1416
+ box-shadow: inset 0 -0.2em 0 #007bd8;
1551
1417
  color: #1279c6;
1552
1418
  }
1553
1419
  .ui.secondary.buttons .button,
1554
1420
  .ui.secondary.button {
1555
- background-color: #1B1C1D;
1556
- color: #FFFFFF;
1421
+ background-color: #1b1c1d;
1422
+ color: #fff;
1557
1423
  text-shadow: none;
1558
1424
  background-image: none;
1559
1425
  }
1560
1426
  .ui.secondary.button {
1561
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1562
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1427
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1563
1428
  }
1564
1429
  .ui.secondary.buttons .button:hover,
1565
1430
  .ui.secondary.button:hover {
1566
1431
  background-color: #27292a;
1567
- color: #FFFFFF;
1432
+ color: #fff;
1568
1433
  text-shadow: none;
1569
1434
  }
1570
1435
  .ui.secondary.buttons .button:focus,
1571
1436
  .ui.secondary.button:focus {
1572
1437
  background-color: #2e3032;
1573
- color: #FFFFFF;
1438
+ color: #fff;
1574
1439
  text-shadow: none;
1575
1440
  }
1576
1441
  .ui.secondary.buttons .button:active,
1577
1442
  .ui.secondary.button:active {
1578
1443
  background-color: #343637;
1579
- color: #FFFFFF;
1444
+ color: #fff;
1580
1445
  text-shadow: none;
1581
1446
  }
1582
1447
  .ui.secondary.buttons .active.button,
@@ -1584,7 +1449,7 @@
1584
1449
  .ui.secondary.active.button,
1585
1450
  .ui.secondary.button .active.button:active {
1586
1451
  background-color: #27292a;
1587
- color: #FFFFFF;
1452
+ color: #fff;
1588
1453
  text-shadow: none;
1589
1454
  }
1590
1455
 
@@ -1592,35 +1457,30 @@
1592
1457
  .ui.basic.secondary.buttons .button,
1593
1458
  .ui.basic.secondary.button {
1594
1459
  background: transparent;
1595
- -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
1596
- box-shadow: 0 0 0 1px #1B1C1D inset;
1597
- color: #1B1C1D;
1460
+ box-shadow: 0 0 0 1px #1b1c1d inset;
1461
+ color: #1b1c1d;
1598
1462
  }
1599
1463
  .ui.basic.secondary.buttons .button:hover,
1600
1464
  .ui.basic.secondary.button:hover {
1601
1465
  background: transparent;
1602
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
1603
- box-shadow: 0 0 0 1px #27292a inset;
1466
+ box-shadow: 0 0 0 1px #27292a inset;
1604
1467
  color: #27292a;
1605
1468
  }
1606
1469
  .ui.basic.secondary.buttons .button:focus,
1607
1470
  .ui.basic.secondary.button:focus {
1608
1471
  background: transparent;
1609
- -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
1610
- box-shadow: 0 0 0 1px #2e3032 inset;
1472
+ box-shadow: 0 0 0 1px #2e3032 inset;
1611
1473
  color: #27292a;
1612
1474
  }
1613
1475
  .ui.basic.secondary.buttons .active.button,
1614
1476
  .ui.basic.secondary.active.button {
1615
1477
  background: transparent;
1616
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
1617
- box-shadow: 0 0 0 1px #27292a inset;
1478
+ box-shadow: 0 0 0 1px #27292a inset;
1618
1479
  color: #343637;
1619
1480
  }
1620
1481
  .ui.basic.secondary.buttons .button:active,
1621
1482
  .ui.basic.secondary.button:active {
1622
- -webkit-box-shadow: 0 0 0 1px #343637 inset;
1623
- box-shadow: 0 0 0 1px #343637 inset;
1483
+ box-shadow: 0 0 0 1px #343637 inset;
1624
1484
  color: #343637;
1625
1485
  }
1626
1486
 
@@ -1628,8 +1488,7 @@
1628
1488
  .ui.inverted.secondary.buttons .button,
1629
1489
  .ui.inverted.secondary.button {
1630
1490
  background-color: transparent;
1631
- -webkit-box-shadow: 0 0 0 2px #545454 inset;
1632
- box-shadow: 0 0 0 2px #545454 inset;
1491
+ box-shadow: 0 0 0 2px #545454 inset;
1633
1492
  color: #545454;
1634
1493
  }
1635
1494
  .ui.inverted.secondary.buttons .button:hover,
@@ -1640,9 +1499,8 @@
1640
1499
  .ui.inverted.secondary.button.active,
1641
1500
  .ui.inverted.secondary.buttons .button:active,
1642
1501
  .ui.inverted.secondary.button:active {
1643
- -webkit-box-shadow: none;
1644
- box-shadow: none;
1645
- color: #FFFFFF;
1502
+ box-shadow: none;
1503
+ color: #fff;
1646
1504
  }
1647
1505
  .ui.inverted.secondary.buttons .button:hover,
1648
1506
  .ui.inverted.secondary.button:hover {
@@ -1666,36 +1524,31 @@
1666
1524
  .ui.inverted.secondary.buttons .basic.button,
1667
1525
  .ui.inverted.secondary.basic.button {
1668
1526
  background-color: transparent;
1669
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1670
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1671
- color: #FFFFFF;
1527
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1528
+ color: #fff;
1672
1529
  }
1673
1530
  .ui.inverted.secondary.basic.buttons .button:hover,
1674
1531
  .ui.inverted.secondary.buttons .basic.button:hover,
1675
1532
  .ui.inverted.secondary.basic.button:hover {
1676
- -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1677
- box-shadow: 0 0 0 2px #6e6e6e inset;
1533
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1678
1534
  color: #545454;
1679
1535
  }
1680
1536
  .ui.inverted.secondary.basic.buttons .button:focus,
1681
1537
  .ui.inverted.secondary.basic.buttons .button:focus,
1682
1538
  .ui.inverted.secondary.basic.button:focus {
1683
- -webkit-box-shadow: 0 0 0 2px #686868 inset;
1684
- box-shadow: 0 0 0 2px #686868 inset;
1539
+ box-shadow: 0 0 0 2px #686868 inset;
1685
1540
  color: #545454;
1686
1541
  }
1687
1542
  .ui.inverted.secondary.basic.buttons .active.button,
1688
1543
  .ui.inverted.secondary.buttons .basic.active.button,
1689
1544
  .ui.inverted.secondary.basic.active.button {
1690
- -webkit-box-shadow: 0 0 0 2px #616161 inset;
1691
- box-shadow: 0 0 0 2px #616161 inset;
1545
+ box-shadow: 0 0 0 2px #616161 inset;
1692
1546
  color: #545454;
1693
1547
  }
1694
1548
  .ui.inverted.secondary.basic.buttons .button:active,
1695
1549
  .ui.inverted.secondary.buttons .basic.button:active,
1696
1550
  .ui.inverted.secondary.basic.button:active {
1697
- -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1698
- box-shadow: 0 0 0 2px #6e6e6e inset;
1551
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1699
1552
  color: #545454;
1700
1553
  }
1701
1554
 
@@ -1704,22 +1557,19 @@
1704
1557
  .ui.tertiary.secondary.buttons .tertiary.button,
1705
1558
  .ui.tertiary.secondary.button {
1706
1559
  background: transparent;
1707
- -webkit-box-shadow: none;
1708
- box-shadow: none;
1709
- color: #1B1C1D;
1560
+ box-shadow: none;
1561
+ color: #1b1c1d;
1710
1562
  }
1711
1563
  .ui.tertiary.secondary.buttons .button:hover,
1712
1564
  .ui.tertiary.secondary.buttons button:hover,
1713
1565
  .ui.tertiary.secondary.button:hover {
1714
- -webkit-box-shadow: inset 0 -0.2em 0 #292929;
1715
- box-shadow: inset 0 -0.2em 0 #292929;
1566
+ box-shadow: inset 0 -0.2em 0 #292929;
1716
1567
  color: #292929;
1717
1568
  }
1718
1569
  .ui.tertiary.secondary.buttons .button:focus,
1719
1570
  .ui.tertiary.secondary.buttons .tertiary.button:focus,
1720
1571
  .ui.tertiary.secondary.button:focus {
1721
- -webkit-box-shadow: inset 0 -0.2em 0 #303030;
1722
- box-shadow: inset 0 -0.2em 0 #303030;
1572
+ box-shadow: inset 0 -0.2em 0 #303030;
1723
1573
  color: #303030;
1724
1574
  }
1725
1575
  .ui.tertiary.secondary.buttons .active.button,
@@ -1728,37 +1578,35 @@
1728
1578
  .ui.tertiary.secondary.buttons .button:active,
1729
1579
  .ui.tertiary.secondary.buttons .tertiary.button:active,
1730
1580
  .ui.tertiary.secondary.button:active {
1731
- -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
1732
- box-shadow: inset 0 -0.2em 0 #1f2933;
1581
+ box-shadow: inset 0 -0.2em 0 #1f2933;
1733
1582
  color: #27292a;
1734
1583
  }
1735
1584
  .ui.red.buttons .button,
1736
1585
  .ui.red.button {
1737
- background-color: #DB2828;
1738
- color: #FFFFFF;
1586
+ background-color: #db2828;
1587
+ color: #fff;
1739
1588
  text-shadow: none;
1740
1589
  background-image: none;
1741
1590
  }
1742
1591
  .ui.red.button {
1743
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1744
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1592
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1745
1593
  }
1746
1594
  .ui.red.buttons .button:hover,
1747
1595
  .ui.red.button:hover {
1748
1596
  background-color: #d01919;
1749
- color: #FFFFFF;
1597
+ color: #fff;
1750
1598
  text-shadow: none;
1751
1599
  }
1752
1600
  .ui.red.buttons .button:focus,
1753
1601
  .ui.red.button:focus {
1754
1602
  background-color: #ca1010;
1755
- color: #FFFFFF;
1603
+ color: #fff;
1756
1604
  text-shadow: none;
1757
1605
  }
1758
1606
  .ui.red.buttons .button:active,
1759
1607
  .ui.red.button:active {
1760
1608
  background-color: #b21e1e;
1761
- color: #FFFFFF;
1609
+ color: #fff;
1762
1610
  text-shadow: none;
1763
1611
  }
1764
1612
  .ui.red.buttons .active.button,
@@ -1766,7 +1614,7 @@
1766
1614
  .ui.red.active.button,
1767
1615
  .ui.red.button .active.button:active {
1768
1616
  background-color: #d41515;
1769
- color: #FFFFFF;
1617
+ color: #fff;
1770
1618
  text-shadow: none;
1771
1619
  }
1772
1620
 
@@ -1774,35 +1622,30 @@
1774
1622
  .ui.basic.red.buttons .button,
1775
1623
  .ui.basic.red.button {
1776
1624
  background: transparent;
1777
- -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
1778
- box-shadow: 0 0 0 1px #DB2828 inset;
1779
- color: #DB2828;
1625
+ box-shadow: 0 0 0 1px #db2828 inset;
1626
+ color: #db2828;
1780
1627
  }
1781
1628
  .ui.basic.red.buttons .button:hover,
1782
1629
  .ui.basic.red.button:hover {
1783
1630
  background: transparent;
1784
- -webkit-box-shadow: 0 0 0 1px #d01919 inset;
1785
- box-shadow: 0 0 0 1px #d01919 inset;
1631
+ box-shadow: 0 0 0 1px #d01919 inset;
1786
1632
  color: #d01919;
1787
1633
  }
1788
1634
  .ui.basic.red.buttons .button:focus,
1789
1635
  .ui.basic.red.button:focus {
1790
1636
  background: transparent;
1791
- -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
1792
- box-shadow: 0 0 0 1px #ca1010 inset;
1637
+ box-shadow: 0 0 0 1px #ca1010 inset;
1793
1638
  color: #d01919;
1794
1639
  }
1795
1640
  .ui.basic.red.buttons .active.button,
1796
1641
  .ui.basic.red.active.button {
1797
1642
  background: transparent;
1798
- -webkit-box-shadow: 0 0 0 1px #d41515 inset;
1799
- box-shadow: 0 0 0 1px #d41515 inset;
1643
+ box-shadow: 0 0 0 1px #d41515 inset;
1800
1644
  color: #b21e1e;
1801
1645
  }
1802
1646
  .ui.basic.red.buttons .button:active,
1803
1647
  .ui.basic.red.button:active {
1804
- -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
1805
- box-shadow: 0 0 0 1px #b21e1e inset;
1648
+ box-shadow: 0 0 0 1px #b21e1e inset;
1806
1649
  color: #b21e1e;
1807
1650
  }
1808
1651
 
@@ -1810,9 +1653,8 @@
1810
1653
  .ui.inverted.red.buttons .button,
1811
1654
  .ui.inverted.red.button {
1812
1655
  background-color: transparent;
1813
- -webkit-box-shadow: 0 0 0 2px #FF695E inset;
1814
- box-shadow: 0 0 0 2px #FF695E inset;
1815
- color: #FF695E;
1656
+ box-shadow: 0 0 0 2px #ff695e inset;
1657
+ color: #ff695e;
1816
1658
  }
1817
1659
  .ui.inverted.red.buttons .button:hover,
1818
1660
  .ui.inverted.red.button:hover,
@@ -1822,9 +1664,8 @@
1822
1664
  .ui.inverted.red.button.active,
1823
1665
  .ui.inverted.red.buttons .button:active,
1824
1666
  .ui.inverted.red.button:active {
1825
- -webkit-box-shadow: none;
1826
- box-shadow: none;
1827
- color: #FFFFFF;
1667
+ box-shadow: none;
1668
+ color: #fff;
1828
1669
  }
1829
1670
  .ui.inverted.red.buttons .button:hover,
1830
1671
  .ui.inverted.red.button:hover {
@@ -1848,37 +1689,32 @@
1848
1689
  .ui.inverted.red.buttons .basic.button,
1849
1690
  .ui.inverted.red.basic.button {
1850
1691
  background-color: transparent;
1851
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1852
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1853
- color: #FFFFFF;
1692
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1693
+ color: #fff;
1854
1694
  }
1855
1695
  .ui.inverted.red.basic.buttons .button:hover,
1856
1696
  .ui.inverted.red.buttons .basic.button:hover,
1857
1697
  .ui.inverted.red.basic.button:hover {
1858
- -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1859
- box-shadow: 0 0 0 2px #ff392b inset;
1860
- color: #FF695E;
1698
+ box-shadow: 0 0 0 2px #ff392b inset;
1699
+ color: #ff695e;
1861
1700
  }
1862
1701
  .ui.inverted.red.basic.buttons .button:focus,
1863
1702
  .ui.inverted.red.basic.buttons .button:focus,
1864
1703
  .ui.inverted.red.basic.button:focus {
1865
- -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
1866
- box-shadow: 0 0 0 2px #ff4335 inset;
1867
- color: #FF695E;
1704
+ box-shadow: 0 0 0 2px #ff4335 inset;
1705
+ color: #ff695e;
1868
1706
  }
1869
1707
  .ui.inverted.red.basic.buttons .active.button,
1870
1708
  .ui.inverted.red.buttons .basic.active.button,
1871
1709
  .ui.inverted.red.basic.active.button {
1872
- -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
1873
- box-shadow: 0 0 0 2px #ff5144 inset;
1874
- color: #FF695E;
1710
+ box-shadow: 0 0 0 2px #ff5144 inset;
1711
+ color: #ff695e;
1875
1712
  }
1876
1713
  .ui.inverted.red.basic.buttons .button:active,
1877
1714
  .ui.inverted.red.buttons .basic.button:active,
1878
1715
  .ui.inverted.red.basic.button:active {
1879
- -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1880
- box-shadow: 0 0 0 2px #ff392b inset;
1881
- color: #FF695E;
1716
+ box-shadow: 0 0 0 2px #ff392b inset;
1717
+ color: #ff695e;
1882
1718
  }
1883
1719
 
1884
1720
  /* Tertiary */
@@ -1886,22 +1722,19 @@
1886
1722
  .ui.tertiary.red.buttons .tertiary.button,
1887
1723
  .ui.tertiary.red.button {
1888
1724
  background: transparent;
1889
- -webkit-box-shadow: none;
1890
- box-shadow: none;
1891
- color: #DB2828;
1725
+ box-shadow: none;
1726
+ color: #db2828;
1892
1727
  }
1893
1728
  .ui.tertiary.red.buttons .button:hover,
1894
1729
  .ui.tertiary.red.buttons button:hover,
1895
1730
  .ui.tertiary.red.button:hover {
1896
- -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
1897
- box-shadow: inset 0 -0.2em 0 #b93131;
1731
+ box-shadow: inset 0 -0.2em 0 #b93131;
1898
1732
  color: #b93131;
1899
1733
  }
1900
1734
  .ui.tertiary.red.buttons .button:focus,
1901
1735
  .ui.tertiary.red.buttons .tertiary.button:focus,
1902
1736
  .ui.tertiary.red.button:focus {
1903
- -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
1904
- box-shadow: inset 0 -0.2em 0 #b52626;
1737
+ box-shadow: inset 0 -0.2em 0 #b52626;
1905
1738
  color: #b52626;
1906
1739
  }
1907
1740
  .ui.tertiary.red.buttons .active.button,
@@ -1910,37 +1743,35 @@
1910
1743
  .ui.tertiary.red.buttons .button:active,
1911
1744
  .ui.tertiary.red.buttons .tertiary.button:active,
1912
1745
  .ui.tertiary.red.button:active {
1913
- -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
1914
- box-shadow: inset 0 -0.2em 0 #ea0000;
1746
+ box-shadow: inset 0 -0.2em 0 #ea0000;
1915
1747
  color: #d41515;
1916
1748
  }
1917
1749
  .ui.orange.buttons .button,
1918
1750
  .ui.orange.button {
1919
- background-color: #F2711C;
1920
- color: #FFFFFF;
1751
+ background-color: #f2711c;
1752
+ color: #fff;
1921
1753
  text-shadow: none;
1922
1754
  background-image: none;
1923
1755
  }
1924
1756
  .ui.orange.button {
1925
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1926
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1757
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1927
1758
  }
1928
1759
  .ui.orange.buttons .button:hover,
1929
1760
  .ui.orange.button:hover {
1930
1761
  background-color: #f26202;
1931
- color: #FFFFFF;
1762
+ color: #fff;
1932
1763
  text-shadow: none;
1933
1764
  }
1934
1765
  .ui.orange.buttons .button:focus,
1935
1766
  .ui.orange.button:focus {
1936
1767
  background-color: #e55b00;
1937
- color: #FFFFFF;
1768
+ color: #fff;
1938
1769
  text-shadow: none;
1939
1770
  }
1940
1771
  .ui.orange.buttons .button:active,
1941
1772
  .ui.orange.button:active {
1942
1773
  background-color: #cf590c;
1943
- color: #FFFFFF;
1774
+ color: #fff;
1944
1775
  text-shadow: none;
1945
1776
  }
1946
1777
  .ui.orange.buttons .active.button,
@@ -1948,7 +1779,7 @@
1948
1779
  .ui.orange.active.button,
1949
1780
  .ui.orange.button .active.button:active {
1950
1781
  background-color: #f56100;
1951
- color: #FFFFFF;
1782
+ color: #fff;
1952
1783
  text-shadow: none;
1953
1784
  }
1954
1785
 
@@ -1956,35 +1787,30 @@
1956
1787
  .ui.basic.orange.buttons .button,
1957
1788
  .ui.basic.orange.button {
1958
1789
  background: transparent;
1959
- -webkit-box-shadow: 0 0 0 1px #F2711C inset;
1960
- box-shadow: 0 0 0 1px #F2711C inset;
1961
- color: #F2711C;
1790
+ box-shadow: 0 0 0 1px #f2711c inset;
1791
+ color: #f2711c;
1962
1792
  }
1963
1793
  .ui.basic.orange.buttons .button:hover,
1964
1794
  .ui.basic.orange.button:hover {
1965
1795
  background: transparent;
1966
- -webkit-box-shadow: 0 0 0 1px #f26202 inset;
1967
- box-shadow: 0 0 0 1px #f26202 inset;
1796
+ box-shadow: 0 0 0 1px #f26202 inset;
1968
1797
  color: #f26202;
1969
1798
  }
1970
1799
  .ui.basic.orange.buttons .button:focus,
1971
1800
  .ui.basic.orange.button:focus {
1972
1801
  background: transparent;
1973
- -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
1974
- box-shadow: 0 0 0 1px #e55b00 inset;
1802
+ box-shadow: 0 0 0 1px #e55b00 inset;
1975
1803
  color: #f26202;
1976
1804
  }
1977
1805
  .ui.basic.orange.buttons .active.button,
1978
1806
  .ui.basic.orange.active.button {
1979
1807
  background: transparent;
1980
- -webkit-box-shadow: 0 0 0 1px #f56100 inset;
1981
- box-shadow: 0 0 0 1px #f56100 inset;
1808
+ box-shadow: 0 0 0 1px #f56100 inset;
1982
1809
  color: #cf590c;
1983
1810
  }
1984
1811
  .ui.basic.orange.buttons .button:active,
1985
1812
  .ui.basic.orange.button:active {
1986
- -webkit-box-shadow: 0 0 0 1px #cf590c inset;
1987
- box-shadow: 0 0 0 1px #cf590c inset;
1813
+ box-shadow: 0 0 0 1px #cf590c inset;
1988
1814
  color: #cf590c;
1989
1815
  }
1990
1816
 
@@ -1992,9 +1818,8 @@
1992
1818
  .ui.inverted.orange.buttons .button,
1993
1819
  .ui.inverted.orange.button {
1994
1820
  background-color: transparent;
1995
- -webkit-box-shadow: 0 0 0 2px #FF851B inset;
1996
- box-shadow: 0 0 0 2px #FF851B inset;
1997
- color: #FF851B;
1821
+ box-shadow: 0 0 0 2px #ff851b inset;
1822
+ color: #ff851b;
1998
1823
  }
1999
1824
  .ui.inverted.orange.buttons .button:hover,
2000
1825
  .ui.inverted.orange.button:hover,
@@ -2004,9 +1829,8 @@
2004
1829
  .ui.inverted.orange.button.active,
2005
1830
  .ui.inverted.orange.buttons .button:active,
2006
1831
  .ui.inverted.orange.button:active {
2007
- -webkit-box-shadow: none;
2008
- box-shadow: none;
2009
- color: #FFFFFF;
1832
+ box-shadow: none;
1833
+ color: #fff;
2010
1834
  }
2011
1835
  .ui.inverted.orange.buttons .button:hover,
2012
1836
  .ui.inverted.orange.button:hover {
@@ -2030,37 +1854,32 @@
2030
1854
  .ui.inverted.orange.buttons .basic.button,
2031
1855
  .ui.inverted.orange.basic.button {
2032
1856
  background-color: transparent;
2033
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2034
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2035
- color: #FFFFFF;
1857
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1858
+ color: #fff;
2036
1859
  }
2037
1860
  .ui.inverted.orange.basic.buttons .button:hover,
2038
1861
  .ui.inverted.orange.buttons .basic.button:hover,
2039
1862
  .ui.inverted.orange.basic.button:hover {
2040
- -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2041
- box-shadow: 0 0 0 2px #e76b00 inset;
2042
- color: #FF851B;
1863
+ box-shadow: 0 0 0 2px #e76b00 inset;
1864
+ color: #ff851b;
2043
1865
  }
2044
1866
  .ui.inverted.orange.basic.buttons .button:focus,
2045
1867
  .ui.inverted.orange.basic.buttons .button:focus,
2046
1868
  .ui.inverted.orange.basic.button:focus {
2047
- -webkit-box-shadow: 0 0 0 2px #f17000 inset;
2048
- box-shadow: 0 0 0 2px #f17000 inset;
2049
- color: #FF851B;
1869
+ box-shadow: 0 0 0 2px #f17000 inset;
1870
+ color: #ff851b;
2050
1871
  }
2051
1872
  .ui.inverted.orange.basic.buttons .active.button,
2052
1873
  .ui.inverted.orange.buttons .basic.active.button,
2053
1874
  .ui.inverted.orange.basic.active.button {
2054
- -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
2055
- box-shadow: 0 0 0 2px #ff7701 inset;
2056
- color: #FF851B;
1875
+ box-shadow: 0 0 0 2px #ff7701 inset;
1876
+ color: #ff851b;
2057
1877
  }
2058
1878
  .ui.inverted.orange.basic.buttons .button:active,
2059
1879
  .ui.inverted.orange.buttons .basic.button:active,
2060
1880
  .ui.inverted.orange.basic.button:active {
2061
- -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2062
- box-shadow: 0 0 0 2px #e76b00 inset;
2063
- color: #FF851B;
1881
+ box-shadow: 0 0 0 2px #e76b00 inset;
1882
+ color: #ff851b;
2064
1883
  }
2065
1884
 
2066
1885
  /* Tertiary */
@@ -2068,22 +1887,19 @@
2068
1887
  .ui.tertiary.orange.buttons .tertiary.button,
2069
1888
  .ui.tertiary.orange.button {
2070
1889
  background: transparent;
2071
- -webkit-box-shadow: none;
2072
- box-shadow: none;
2073
- color: #F2711C;
1890
+ box-shadow: none;
1891
+ color: #f2711c;
2074
1892
  }
2075
1893
  .ui.tertiary.orange.buttons .button:hover,
2076
1894
  .ui.tertiary.orange.buttons button:hover,
2077
1895
  .ui.tertiary.orange.button:hover {
2078
- -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
2079
- box-shadow: inset 0 -0.2em 0 #da671b;
1896
+ box-shadow: inset 0 -0.2em 0 #da671b;
2080
1897
  color: #da671b;
2081
1898
  }
2082
1899
  .ui.tertiary.orange.buttons .button:focus,
2083
1900
  .ui.tertiary.orange.buttons .tertiary.button:focus,
2084
1901
  .ui.tertiary.orange.button:focus {
2085
- -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
2086
- box-shadow: inset 0 -0.2em 0 #ce6017;
1902
+ box-shadow: inset 0 -0.2em 0 #ce6017;
2087
1903
  color: #ce6017;
2088
1904
  }
2089
1905
  .ui.tertiary.orange.buttons .active.button,
@@ -2092,37 +1908,35 @@
2092
1908
  .ui.tertiary.orange.buttons .button:active,
2093
1909
  .ui.tertiary.orange.buttons .tertiary.button:active,
2094
1910
  .ui.tertiary.orange.button:active {
2095
- -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
2096
- box-shadow: inset 0 -0.2em 0 #f56100;
1911
+ box-shadow: inset 0 -0.2em 0 #f56100;
2097
1912
  color: #f56100;
2098
1913
  }
2099
1914
  .ui.yellow.buttons .button,
2100
1915
  .ui.yellow.button {
2101
- background-color: #FBBD08;
2102
- color: #FFFFFF;
1916
+ background-color: #fbbd08;
1917
+ color: #fff;
2103
1918
  text-shadow: none;
2104
1919
  background-image: none;
2105
1920
  }
2106
1921
  .ui.yellow.button {
2107
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2108
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1922
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2109
1923
  }
2110
1924
  .ui.yellow.buttons .button:hover,
2111
1925
  .ui.yellow.button:hover {
2112
1926
  background-color: #eaae00;
2113
- color: #FFFFFF;
1927
+ color: #fff;
2114
1928
  text-shadow: none;
2115
1929
  }
2116
1930
  .ui.yellow.buttons .button:focus,
2117
1931
  .ui.yellow.button:focus {
2118
1932
  background-color: #daa300;
2119
- color: #FFFFFF;
1933
+ color: #fff;
2120
1934
  text-shadow: none;
2121
1935
  }
2122
1936
  .ui.yellow.buttons .button:active,
2123
1937
  .ui.yellow.button:active {
2124
1938
  background-color: #cd9903;
2125
- color: #FFFFFF;
1939
+ color: #fff;
2126
1940
  text-shadow: none;
2127
1941
  }
2128
1942
  .ui.yellow.buttons .active.button,
@@ -2130,7 +1944,7 @@
2130
1944
  .ui.yellow.active.button,
2131
1945
  .ui.yellow.button .active.button:active {
2132
1946
  background-color: #eaae00;
2133
- color: #FFFFFF;
1947
+ color: #fff;
2134
1948
  text-shadow: none;
2135
1949
  }
2136
1950
 
@@ -2138,35 +1952,30 @@
2138
1952
  .ui.basic.yellow.buttons .button,
2139
1953
  .ui.basic.yellow.button {
2140
1954
  background: transparent;
2141
- -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
2142
- box-shadow: 0 0 0 1px #FBBD08 inset;
2143
- color: #FBBD08;
1955
+ box-shadow: 0 0 0 1px #fbbd08 inset;
1956
+ color: #fbbd08;
2144
1957
  }
2145
1958
  .ui.basic.yellow.buttons .button:hover,
2146
1959
  .ui.basic.yellow.button:hover {
2147
1960
  background: transparent;
2148
- -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2149
- box-shadow: 0 0 0 1px #eaae00 inset;
1961
+ box-shadow: 0 0 0 1px #eaae00 inset;
2150
1962
  color: #eaae00;
2151
1963
  }
2152
1964
  .ui.basic.yellow.buttons .button:focus,
2153
1965
  .ui.basic.yellow.button:focus {
2154
1966
  background: transparent;
2155
- -webkit-box-shadow: 0 0 0 1px #daa300 inset;
2156
- box-shadow: 0 0 0 1px #daa300 inset;
1967
+ box-shadow: 0 0 0 1px #daa300 inset;
2157
1968
  color: #eaae00;
2158
1969
  }
2159
1970
  .ui.basic.yellow.buttons .active.button,
2160
1971
  .ui.basic.yellow.active.button {
2161
1972
  background: transparent;
2162
- -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2163
- box-shadow: 0 0 0 1px #eaae00 inset;
1973
+ box-shadow: 0 0 0 1px #eaae00 inset;
2164
1974
  color: #cd9903;
2165
1975
  }
2166
1976
  .ui.basic.yellow.buttons .button:active,
2167
1977
  .ui.basic.yellow.button:active {
2168
- -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
2169
- box-shadow: 0 0 0 1px #cd9903 inset;
1978
+ box-shadow: 0 0 0 1px #cd9903 inset;
2170
1979
  color: #cd9903;
2171
1980
  }
2172
1981
 
@@ -2174,9 +1983,8 @@
2174
1983
  .ui.inverted.yellow.buttons .button,
2175
1984
  .ui.inverted.yellow.button {
2176
1985
  background-color: transparent;
2177
- -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
2178
- box-shadow: 0 0 0 2px #FFE21F inset;
2179
- color: #FFE21F;
1986
+ box-shadow: 0 0 0 2px #ffe21f inset;
1987
+ color: #ffe21f;
2180
1988
  }
2181
1989
  .ui.inverted.yellow.buttons .button:hover,
2182
1990
  .ui.inverted.yellow.button:hover,
@@ -2186,8 +1994,7 @@
2186
1994
  .ui.inverted.yellow.button.active,
2187
1995
  .ui.inverted.yellow.buttons .button:active,
2188
1996
  .ui.inverted.yellow.button:active {
2189
- -webkit-box-shadow: none;
2190
- box-shadow: none;
1997
+ box-shadow: none;
2191
1998
  color: rgba(0, 0, 0, 0.6);
2192
1999
  }
2193
2000
  .ui.inverted.yellow.buttons .button:hover,
@@ -2212,37 +2019,32 @@
2212
2019
  .ui.inverted.yellow.buttons .basic.button,
2213
2020
  .ui.inverted.yellow.basic.button {
2214
2021
  background-color: transparent;
2215
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2216
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2217
- color: #FFFFFF;
2022
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2023
+ color: #fff;
2218
2024
  }
2219
2025
  .ui.inverted.yellow.basic.buttons .button:hover,
2220
2026
  .ui.inverted.yellow.buttons .basic.button:hover,
2221
2027
  .ui.inverted.yellow.basic.button:hover {
2222
- -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2223
- box-shadow: 0 0 0 2px #ebcd00 inset;
2224
- color: #FFE21F;
2028
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2029
+ color: #ffe21f;
2225
2030
  }
2226
2031
  .ui.inverted.yellow.basic.buttons .button:focus,
2227
2032
  .ui.inverted.yellow.basic.buttons .button:focus,
2228
2033
  .ui.inverted.yellow.basic.button:focus {
2229
- -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
2230
- box-shadow: 0 0 0 2px #f5d500 inset;
2231
- color: #FFE21F;
2034
+ box-shadow: 0 0 0 2px #f5d500 inset;
2035
+ color: #ffe21f;
2232
2036
  }
2233
2037
  .ui.inverted.yellow.basic.buttons .active.button,
2234
2038
  .ui.inverted.yellow.buttons .basic.active.button,
2235
2039
  .ui.inverted.yellow.basic.active.button {
2236
- -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
2237
- box-shadow: 0 0 0 2px #ffdf05 inset;
2238
- color: #FFE21F;
2040
+ box-shadow: 0 0 0 2px #ffdf05 inset;
2041
+ color: #ffe21f;
2239
2042
  }
2240
2043
  .ui.inverted.yellow.basic.buttons .button:active,
2241
2044
  .ui.inverted.yellow.buttons .basic.button:active,
2242
2045
  .ui.inverted.yellow.basic.button:active {
2243
- -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2244
- box-shadow: 0 0 0 2px #ebcd00 inset;
2245
- color: #FFE21F;
2046
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2047
+ color: #ffe21f;
2246
2048
  }
2247
2049
 
2248
2050
  /* Tertiary */
@@ -2250,22 +2052,19 @@
2250
2052
  .ui.tertiary.yellow.buttons .tertiary.button,
2251
2053
  .ui.tertiary.yellow.button {
2252
2054
  background: transparent;
2253
- -webkit-box-shadow: none;
2254
- box-shadow: none;
2255
- color: #FBBD08;
2055
+ box-shadow: none;
2056
+ color: #fbbd08;
2256
2057
  }
2257
2058
  .ui.tertiary.yellow.buttons .button:hover,
2258
2059
  .ui.tertiary.yellow.buttons button:hover,
2259
2060
  .ui.tertiary.yellow.button:hover {
2260
- -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
2261
- box-shadow: inset 0 -0.2em 0 #d2a217;
2061
+ box-shadow: inset 0 -0.2em 0 #d2a217;
2262
2062
  color: #d2a217;
2263
2063
  }
2264
2064
  .ui.tertiary.yellow.buttons .button:focus,
2265
2065
  .ui.tertiary.yellow.buttons .tertiary.button:focus,
2266
2066
  .ui.tertiary.yellow.button:focus {
2267
- -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
2268
- box-shadow: inset 0 -0.2em 0 #c49816;
2067
+ box-shadow: inset 0 -0.2em 0 #c49816;
2269
2068
  color: #c49816;
2270
2069
  }
2271
2070
  .ui.tertiary.yellow.buttons .active.button,
@@ -2274,37 +2073,35 @@
2274
2073
  .ui.tertiary.yellow.buttons .button:active,
2275
2074
  .ui.tertiary.yellow.buttons .tertiary.button:active,
2276
2075
  .ui.tertiary.yellow.button:active {
2277
- -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
2278
- box-shadow: inset 0 -0.2em 0 #eaae00;
2076
+ box-shadow: inset 0 -0.2em 0 #eaae00;
2279
2077
  color: #eaae00;
2280
2078
  }
2281
2079
  .ui.olive.buttons .button,
2282
2080
  .ui.olive.button {
2283
- background-color: #B5CC18;
2284
- color: #FFFFFF;
2081
+ background-color: #b5cc18;
2082
+ color: #fff;
2285
2083
  text-shadow: none;
2286
2084
  background-image: none;
2287
2085
  }
2288
2086
  .ui.olive.button {
2289
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2290
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2087
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2291
2088
  }
2292
2089
  .ui.olive.buttons .button:hover,
2293
2090
  .ui.olive.button:hover {
2294
2091
  background-color: #a7bd0d;
2295
- color: #FFFFFF;
2092
+ color: #fff;
2296
2093
  text-shadow: none;
2297
2094
  }
2298
2095
  .ui.olive.buttons .button:focus,
2299
2096
  .ui.olive.button:focus {
2300
2097
  background-color: #a0b605;
2301
- color: #FFFFFF;
2098
+ color: #fff;
2302
2099
  text-shadow: none;
2303
2100
  }
2304
2101
  .ui.olive.buttons .button:active,
2305
2102
  .ui.olive.button:active {
2306
2103
  background-color: #8d9e13;
2307
- color: #FFFFFF;
2104
+ color: #fff;
2308
2105
  text-shadow: none;
2309
2106
  }
2310
2107
  .ui.olive.buttons .active.button,
@@ -2312,7 +2109,7 @@
2312
2109
  .ui.olive.active.button,
2313
2110
  .ui.olive.button .active.button:active {
2314
2111
  background-color: #aac109;
2315
- color: #FFFFFF;
2112
+ color: #fff;
2316
2113
  text-shadow: none;
2317
2114
  }
2318
2115
 
@@ -2320,35 +2117,30 @@
2320
2117
  .ui.basic.olive.buttons .button,
2321
2118
  .ui.basic.olive.button {
2322
2119
  background: transparent;
2323
- -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
2324
- box-shadow: 0 0 0 1px #B5CC18 inset;
2325
- color: #B5CC18;
2120
+ box-shadow: 0 0 0 1px #b5cc18 inset;
2121
+ color: #b5cc18;
2326
2122
  }
2327
2123
  .ui.basic.olive.buttons .button:hover,
2328
2124
  .ui.basic.olive.button:hover {
2329
2125
  background: transparent;
2330
- -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
2331
- box-shadow: 0 0 0 1px #a7bd0d inset;
2126
+ box-shadow: 0 0 0 1px #a7bd0d inset;
2332
2127
  color: #a7bd0d;
2333
2128
  }
2334
2129
  .ui.basic.olive.buttons .button:focus,
2335
2130
  .ui.basic.olive.button:focus {
2336
2131
  background: transparent;
2337
- -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
2338
- box-shadow: 0 0 0 1px #a0b605 inset;
2132
+ box-shadow: 0 0 0 1px #a0b605 inset;
2339
2133
  color: #a7bd0d;
2340
2134
  }
2341
2135
  .ui.basic.olive.buttons .active.button,
2342
2136
  .ui.basic.olive.active.button {
2343
2137
  background: transparent;
2344
- -webkit-box-shadow: 0 0 0 1px #aac109 inset;
2345
- box-shadow: 0 0 0 1px #aac109 inset;
2138
+ box-shadow: 0 0 0 1px #aac109 inset;
2346
2139
  color: #8d9e13;
2347
2140
  }
2348
2141
  .ui.basic.olive.buttons .button:active,
2349
2142
  .ui.basic.olive.button:active {
2350
- -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
2351
- box-shadow: 0 0 0 1px #8d9e13 inset;
2143
+ box-shadow: 0 0 0 1px #8d9e13 inset;
2352
2144
  color: #8d9e13;
2353
2145
  }
2354
2146
 
@@ -2356,9 +2148,8 @@
2356
2148
  .ui.inverted.olive.buttons .button,
2357
2149
  .ui.inverted.olive.button {
2358
2150
  background-color: transparent;
2359
- -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
2360
- box-shadow: 0 0 0 2px #D9E778 inset;
2361
- color: #D9E778;
2151
+ box-shadow: 0 0 0 2px #d9e778 inset;
2152
+ color: #d9e778;
2362
2153
  }
2363
2154
  .ui.inverted.olive.buttons .button:hover,
2364
2155
  .ui.inverted.olive.button:hover,
@@ -2368,8 +2159,7 @@
2368
2159
  .ui.inverted.olive.button.active,
2369
2160
  .ui.inverted.olive.buttons .button:active,
2370
2161
  .ui.inverted.olive.button:active {
2371
- -webkit-box-shadow: none;
2372
- box-shadow: none;
2162
+ box-shadow: none;
2373
2163
  color: rgba(0, 0, 0, 0.6);
2374
2164
  }
2375
2165
  .ui.inverted.olive.buttons .button:hover,
@@ -2394,37 +2184,32 @@
2394
2184
  .ui.inverted.olive.buttons .basic.button,
2395
2185
  .ui.inverted.olive.basic.button {
2396
2186
  background-color: transparent;
2397
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2398
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2399
- color: #FFFFFF;
2187
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2188
+ color: #fff;
2400
2189
  }
2401
2190
  .ui.inverted.olive.basic.buttons .button:hover,
2402
2191
  .ui.inverted.olive.buttons .basic.button:hover,
2403
2192
  .ui.inverted.olive.basic.button:hover {
2404
- -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
2405
- box-shadow: 0 0 0 2px #d2e745 inset;
2406
- color: #D9E778;
2193
+ box-shadow: 0 0 0 2px #d2e745 inset;
2194
+ color: #d9e778;
2407
2195
  }
2408
2196
  .ui.inverted.olive.basic.buttons .button:focus,
2409
2197
  .ui.inverted.olive.basic.buttons .button:focus,
2410
2198
  .ui.inverted.olive.basic.button:focus {
2411
- -webkit-box-shadow: 0 0 0 2px #daef47 inset;
2412
- box-shadow: 0 0 0 2px #daef47 inset;
2413
- color: #D9E778;
2199
+ box-shadow: 0 0 0 2px #daef47 inset;
2200
+ color: #d9e778;
2414
2201
  }
2415
2202
  .ui.inverted.olive.basic.buttons .active.button,
2416
2203
  .ui.inverted.olive.buttons .basic.active.button,
2417
2204
  .ui.inverted.olive.basic.active.button {
2418
- -webkit-box-shadow: 0 0 0 2px #daed59 inset;
2419
- box-shadow: 0 0 0 2px #daed59 inset;
2420
- color: #D9E778;
2205
+ box-shadow: 0 0 0 2px #daed59 inset;
2206
+ color: #d9e778;
2421
2207
  }
2422
2208
  .ui.inverted.olive.basic.buttons .button:active,
2423
2209
  .ui.inverted.olive.buttons .basic.button:active,
2424
2210
  .ui.inverted.olive.basic.button:active {
2425
- -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
2426
- box-shadow: 0 0 0 2px #cddf4d inset;
2427
- color: #D9E778;
2211
+ box-shadow: 0 0 0 2px #cddf4d inset;
2212
+ color: #d9e778;
2428
2213
  }
2429
2214
 
2430
2215
  /* Tertiary */
@@ -2432,22 +2217,19 @@
2432
2217
  .ui.tertiary.olive.buttons .tertiary.button,
2433
2218
  .ui.tertiary.olive.button {
2434
2219
  background: transparent;
2435
- -webkit-box-shadow: none;
2436
- box-shadow: none;
2437
- color: #B5CC18;
2220
+ box-shadow: none;
2221
+ color: #b5cc18;
2438
2222
  }
2439
2223
  .ui.tertiary.olive.buttons .button:hover,
2440
2224
  .ui.tertiary.olive.buttons button:hover,
2441
2225
  .ui.tertiary.olive.button:hover {
2442
- -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
2443
- box-shadow: inset 0 -0.2em 0 #98a922;
2226
+ box-shadow: inset 0 -0.2em 0 #98a922;
2444
2227
  color: #98a922;
2445
2228
  }
2446
2229
  .ui.tertiary.olive.buttons .button:focus,
2447
2230
  .ui.tertiary.olive.buttons .tertiary.button:focus,
2448
2231
  .ui.tertiary.olive.button:focus {
2449
- -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
2450
- box-shadow: inset 0 -0.2em 0 #92a418;
2232
+ box-shadow: inset 0 -0.2em 0 #92a418;
2451
2233
  color: #92a418;
2452
2234
  }
2453
2235
  .ui.tertiary.olive.buttons .active.button,
@@ -2456,37 +2238,35 @@
2456
2238
  .ui.tertiary.olive.buttons .button:active,
2457
2239
  .ui.tertiary.olive.buttons .tertiary.button:active,
2458
2240
  .ui.tertiary.olive.button:active {
2459
- -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
2460
- box-shadow: inset 0 -0.2em 0 #b1cb00;
2241
+ box-shadow: inset 0 -0.2em 0 #b1cb00;
2461
2242
  color: #aac109;
2462
2243
  }
2463
2244
  .ui.green.buttons .button,
2464
2245
  .ui.green.button {
2465
- background-color: #21BA45;
2466
- color: #FFFFFF;
2246
+ background-color: #21ba45;
2247
+ color: #fff;
2467
2248
  text-shadow: none;
2468
2249
  background-image: none;
2469
2250
  }
2470
2251
  .ui.green.button {
2471
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2472
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2252
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2473
2253
  }
2474
2254
  .ui.green.buttons .button:hover,
2475
2255
  .ui.green.button:hover {
2476
2256
  background-color: #16ab39;
2477
- color: #FFFFFF;
2257
+ color: #fff;
2478
2258
  text-shadow: none;
2479
2259
  }
2480
2260
  .ui.green.buttons .button:focus,
2481
2261
  .ui.green.button:focus {
2482
2262
  background-color: #0ea432;
2483
- color: #FFFFFF;
2263
+ color: #fff;
2484
2264
  text-shadow: none;
2485
2265
  }
2486
2266
  .ui.green.buttons .button:active,
2487
2267
  .ui.green.button:active {
2488
2268
  background-color: #198f35;
2489
- color: #FFFFFF;
2269
+ color: #fff;
2490
2270
  text-shadow: none;
2491
2271
  }
2492
2272
  .ui.green.buttons .active.button,
@@ -2494,7 +2274,7 @@
2494
2274
  .ui.green.active.button,
2495
2275
  .ui.green.button .active.button:active {
2496
2276
  background-color: #13ae38;
2497
- color: #FFFFFF;
2277
+ color: #fff;
2498
2278
  text-shadow: none;
2499
2279
  }
2500
2280
 
@@ -2502,35 +2282,30 @@
2502
2282
  .ui.basic.green.buttons .button,
2503
2283
  .ui.basic.green.button {
2504
2284
  background: transparent;
2505
- -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
2506
- box-shadow: 0 0 0 1px #21BA45 inset;
2507
- color: #21BA45;
2285
+ box-shadow: 0 0 0 1px #21ba45 inset;
2286
+ color: #21ba45;
2508
2287
  }
2509
2288
  .ui.basic.green.buttons .button:hover,
2510
2289
  .ui.basic.green.button:hover {
2511
2290
  background: transparent;
2512
- -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
2513
- box-shadow: 0 0 0 1px #16ab39 inset;
2291
+ box-shadow: 0 0 0 1px #16ab39 inset;
2514
2292
  color: #16ab39;
2515
2293
  }
2516
2294
  .ui.basic.green.buttons .button:focus,
2517
2295
  .ui.basic.green.button:focus {
2518
2296
  background: transparent;
2519
- -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
2520
- box-shadow: 0 0 0 1px #0ea432 inset;
2297
+ box-shadow: 0 0 0 1px #0ea432 inset;
2521
2298
  color: #16ab39;
2522
2299
  }
2523
2300
  .ui.basic.green.buttons .active.button,
2524
2301
  .ui.basic.green.active.button {
2525
2302
  background: transparent;
2526
- -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
2527
- box-shadow: 0 0 0 1px #13ae38 inset;
2303
+ box-shadow: 0 0 0 1px #13ae38 inset;
2528
2304
  color: #198f35;
2529
2305
  }
2530
2306
  .ui.basic.green.buttons .button:active,
2531
2307
  .ui.basic.green.button:active {
2532
- -webkit-box-shadow: 0 0 0 1px #198f35 inset;
2533
- box-shadow: 0 0 0 1px #198f35 inset;
2308
+ box-shadow: 0 0 0 1px #198f35 inset;
2534
2309
  color: #198f35;
2535
2310
  }
2536
2311
 
@@ -2538,9 +2313,8 @@
2538
2313
  .ui.inverted.green.buttons .button,
2539
2314
  .ui.inverted.green.button {
2540
2315
  background-color: transparent;
2541
- -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
2542
- box-shadow: 0 0 0 2px #2ECC40 inset;
2543
- color: #2ECC40;
2316
+ box-shadow: 0 0 0 2px #2ecc40 inset;
2317
+ color: #2ecc40;
2544
2318
  }
2545
2319
  .ui.inverted.green.buttons .button:hover,
2546
2320
  .ui.inverted.green.button:hover,
@@ -2550,9 +2324,8 @@
2550
2324
  .ui.inverted.green.button.active,
2551
2325
  .ui.inverted.green.buttons .button:active,
2552
2326
  .ui.inverted.green.button:active {
2553
- -webkit-box-shadow: none;
2554
- box-shadow: none;
2555
- color: #FFFFFF;
2327
+ box-shadow: none;
2328
+ color: #fff;
2556
2329
  }
2557
2330
  .ui.inverted.green.buttons .button:hover,
2558
2331
  .ui.inverted.green.button:hover {
@@ -2576,37 +2349,32 @@
2576
2349
  .ui.inverted.green.buttons .basic.button,
2577
2350
  .ui.inverted.green.basic.button {
2578
2351
  background-color: transparent;
2579
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2580
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2581
- color: #FFFFFF;
2352
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2353
+ color: #fff;
2582
2354
  }
2583
2355
  .ui.inverted.green.basic.buttons .button:hover,
2584
2356
  .ui.inverted.green.buttons .basic.button:hover,
2585
2357
  .ui.inverted.green.basic.button:hover {
2586
- -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
2587
- box-shadow: 0 0 0 2px #1ea92e inset;
2588
- color: #2ECC40;
2358
+ box-shadow: 0 0 0 2px #1ea92e inset;
2359
+ color: #2ecc40;
2589
2360
  }
2590
2361
  .ui.inverted.green.basic.buttons .button:focus,
2591
2362
  .ui.inverted.green.basic.buttons .button:focus,
2592
2363
  .ui.inverted.green.basic.button:focus {
2593
- -webkit-box-shadow: 0 0 0 2px #19b82b inset;
2594
- box-shadow: 0 0 0 2px #19b82b inset;
2595
- color: #2ECC40;
2364
+ box-shadow: 0 0 0 2px #19b82b inset;
2365
+ color: #2ecc40;
2596
2366
  }
2597
2367
  .ui.inverted.green.basic.buttons .active.button,
2598
2368
  .ui.inverted.green.buttons .basic.active.button,
2599
2369
  .ui.inverted.green.basic.active.button {
2600
- -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
2601
- box-shadow: 0 0 0 2px #1fc231 inset;
2602
- color: #2ECC40;
2370
+ box-shadow: 0 0 0 2px #1fc231 inset;
2371
+ color: #2ecc40;
2603
2372
  }
2604
2373
  .ui.inverted.green.basic.buttons .button:active,
2605
2374
  .ui.inverted.green.buttons .basic.button:active,
2606
2375
  .ui.inverted.green.basic.button:active {
2607
- -webkit-box-shadow: 0 0 0 2px #25a233 inset;
2608
- box-shadow: 0 0 0 2px #25a233 inset;
2609
- color: #2ECC40;
2376
+ box-shadow: 0 0 0 2px #25a233 inset;
2377
+ color: #2ecc40;
2610
2378
  }
2611
2379
 
2612
2380
  /* Tertiary */
@@ -2614,22 +2382,19 @@
2614
2382
  .ui.tertiary.green.buttons .tertiary.button,
2615
2383
  .ui.tertiary.green.button {
2616
2384
  background: transparent;
2617
- -webkit-box-shadow: none;
2618
- box-shadow: none;
2619
- color: #21BA45;
2385
+ box-shadow: none;
2386
+ color: #21ba45;
2620
2387
  }
2621
2388
  .ui.tertiary.green.buttons .button:hover,
2622
2389
  .ui.tertiary.green.buttons button:hover,
2623
2390
  .ui.tertiary.green.button:hover {
2624
- -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
2625
- box-shadow: inset 0 -0.2em 0 #2a9844;
2391
+ box-shadow: inset 0 -0.2em 0 #2a9844;
2626
2392
  color: #2a9844;
2627
2393
  }
2628
2394
  .ui.tertiary.green.buttons .button:focus,
2629
2395
  .ui.tertiary.green.buttons .tertiary.button:focus,
2630
2396
  .ui.tertiary.green.button:focus {
2631
- -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
2632
- box-shadow: inset 0 -0.2em 0 #20923b;
2397
+ box-shadow: inset 0 -0.2em 0 #20923b;
2633
2398
  color: #20923b;
2634
2399
  }
2635
2400
  .ui.tertiary.green.buttons .active.button,
@@ -2638,37 +2403,35 @@
2638
2403
  .ui.tertiary.green.buttons .button:active,
2639
2404
  .ui.tertiary.green.buttons .tertiary.button:active,
2640
2405
  .ui.tertiary.green.button:active {
2641
- -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
2642
- box-shadow: inset 0 -0.2em 0 #00c22e;
2406
+ box-shadow: inset 0 -0.2em 0 #00c22e;
2643
2407
  color: #13ae38;
2644
2408
  }
2645
2409
  .ui.teal.buttons .button,
2646
2410
  .ui.teal.button {
2647
- background-color: #00B5AD;
2648
- color: #FFFFFF;
2411
+ background-color: #00b5ad;
2412
+ color: #fff;
2649
2413
  text-shadow: none;
2650
2414
  background-image: none;
2651
2415
  }
2652
2416
  .ui.teal.button {
2653
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2654
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2417
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2655
2418
  }
2656
2419
  .ui.teal.buttons .button:hover,
2657
2420
  .ui.teal.button:hover {
2658
2421
  background-color: #009c95;
2659
- color: #FFFFFF;
2422
+ color: #fff;
2660
2423
  text-shadow: none;
2661
2424
  }
2662
2425
  .ui.teal.buttons .button:focus,
2663
2426
  .ui.teal.button:focus {
2664
2427
  background-color: #008c86;
2665
- color: #FFFFFF;
2428
+ color: #fff;
2666
2429
  text-shadow: none;
2667
2430
  }
2668
2431
  .ui.teal.buttons .button:active,
2669
2432
  .ui.teal.button:active {
2670
2433
  background-color: #00827c;
2671
- color: #FFFFFF;
2434
+ color: #fff;
2672
2435
  text-shadow: none;
2673
2436
  }
2674
2437
  .ui.teal.buttons .active.button,
@@ -2676,7 +2439,7 @@
2676
2439
  .ui.teal.active.button,
2677
2440
  .ui.teal.button .active.button:active {
2678
2441
  background-color: #009c95;
2679
- color: #FFFFFF;
2442
+ color: #fff;
2680
2443
  text-shadow: none;
2681
2444
  }
2682
2445
 
@@ -2684,35 +2447,30 @@
2684
2447
  .ui.basic.teal.buttons .button,
2685
2448
  .ui.basic.teal.button {
2686
2449
  background: transparent;
2687
- -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
2688
- box-shadow: 0 0 0 1px #00B5AD inset;
2689
- color: #00B5AD;
2450
+ box-shadow: 0 0 0 1px #00b5ad inset;
2451
+ color: #00b5ad;
2690
2452
  }
2691
2453
  .ui.basic.teal.buttons .button:hover,
2692
2454
  .ui.basic.teal.button:hover {
2693
2455
  background: transparent;
2694
- -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2695
- box-shadow: 0 0 0 1px #009c95 inset;
2456
+ box-shadow: 0 0 0 1px #009c95 inset;
2696
2457
  color: #009c95;
2697
2458
  }
2698
2459
  .ui.basic.teal.buttons .button:focus,
2699
2460
  .ui.basic.teal.button:focus {
2700
2461
  background: transparent;
2701
- -webkit-box-shadow: 0 0 0 1px #008c86 inset;
2702
- box-shadow: 0 0 0 1px #008c86 inset;
2462
+ box-shadow: 0 0 0 1px #008c86 inset;
2703
2463
  color: #009c95;
2704
2464
  }
2705
2465
  .ui.basic.teal.buttons .active.button,
2706
2466
  .ui.basic.teal.active.button {
2707
2467
  background: transparent;
2708
- -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2709
- box-shadow: 0 0 0 1px #009c95 inset;
2468
+ box-shadow: 0 0 0 1px #009c95 inset;
2710
2469
  color: #00827c;
2711
2470
  }
2712
2471
  .ui.basic.teal.buttons .button:active,
2713
2472
  .ui.basic.teal.button:active {
2714
- -webkit-box-shadow: 0 0 0 1px #00827c inset;
2715
- box-shadow: 0 0 0 1px #00827c inset;
2473
+ box-shadow: 0 0 0 1px #00827c inset;
2716
2474
  color: #00827c;
2717
2475
  }
2718
2476
 
@@ -2720,9 +2478,8 @@
2720
2478
  .ui.inverted.teal.buttons .button,
2721
2479
  .ui.inverted.teal.button {
2722
2480
  background-color: transparent;
2723
- -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
2724
- box-shadow: 0 0 0 2px #6DFFFF inset;
2725
- color: #6DFFFF;
2481
+ box-shadow: 0 0 0 2px #6dffff inset;
2482
+ color: #6dffff;
2726
2483
  }
2727
2484
  .ui.inverted.teal.buttons .button:hover,
2728
2485
  .ui.inverted.teal.button:hover,
@@ -2732,8 +2489,7 @@
2732
2489
  .ui.inverted.teal.button.active,
2733
2490
  .ui.inverted.teal.buttons .button:active,
2734
2491
  .ui.inverted.teal.button:active {
2735
- -webkit-box-shadow: none;
2736
- box-shadow: none;
2492
+ box-shadow: none;
2737
2493
  color: rgba(0, 0, 0, 0.6);
2738
2494
  }
2739
2495
  .ui.inverted.teal.buttons .button:hover,
@@ -2758,37 +2514,32 @@
2758
2514
  .ui.inverted.teal.buttons .basic.button,
2759
2515
  .ui.inverted.teal.basic.button {
2760
2516
  background-color: transparent;
2761
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2762
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2763
- color: #FFFFFF;
2517
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2518
+ color: #fff;
2764
2519
  }
2765
2520
  .ui.inverted.teal.basic.buttons .button:hover,
2766
2521
  .ui.inverted.teal.buttons .basic.button:hover,
2767
2522
  .ui.inverted.teal.basic.button:hover {
2768
- -webkit-box-shadow: 0 0 0 2px #3affff inset;
2769
- box-shadow: 0 0 0 2px #3affff inset;
2770
- color: #6DFFFF;
2523
+ box-shadow: 0 0 0 2px #3affff inset;
2524
+ color: #6dffff;
2771
2525
  }
2772
2526
  .ui.inverted.teal.basic.buttons .button:focus,
2773
2527
  .ui.inverted.teal.basic.buttons .button:focus,
2774
2528
  .ui.inverted.teal.basic.button:focus {
2775
- -webkit-box-shadow: 0 0 0 2px #44ffff inset;
2776
- box-shadow: 0 0 0 2px #44ffff inset;
2777
- color: #6DFFFF;
2529
+ box-shadow: 0 0 0 2px #44ffff inset;
2530
+ color: #6dffff;
2778
2531
  }
2779
2532
  .ui.inverted.teal.basic.buttons .active.button,
2780
2533
  .ui.inverted.teal.buttons .basic.active.button,
2781
2534
  .ui.inverted.teal.basic.active.button {
2782
- -webkit-box-shadow: 0 0 0 2px #54ffff inset;
2783
- box-shadow: 0 0 0 2px #54ffff inset;
2784
- color: #6DFFFF;
2535
+ box-shadow: 0 0 0 2px #54ffff inset;
2536
+ color: #6dffff;
2785
2537
  }
2786
2538
  .ui.inverted.teal.basic.buttons .button:active,
2787
2539
  .ui.inverted.teal.buttons .basic.button:active,
2788
2540
  .ui.inverted.teal.basic.button:active {
2789
- -webkit-box-shadow: 0 0 0 2px #3affff inset;
2790
- box-shadow: 0 0 0 2px #3affff inset;
2791
- color: #6DFFFF;
2541
+ box-shadow: 0 0 0 2px #3affff inset;
2542
+ color: #6dffff;
2792
2543
  }
2793
2544
 
2794
2545
  /* Tertiary */
@@ -2796,22 +2547,19 @@
2796
2547
  .ui.tertiary.teal.buttons .tertiary.button,
2797
2548
  .ui.tertiary.teal.button {
2798
2549
  background: transparent;
2799
- -webkit-box-shadow: none;
2800
- box-shadow: none;
2801
- color: #00B5AD;
2550
+ box-shadow: none;
2551
+ color: #00b5ad;
2802
2552
  }
2803
2553
  .ui.tertiary.teal.buttons .button:hover,
2804
2554
  .ui.tertiary.teal.buttons button:hover,
2805
2555
  .ui.tertiary.teal.button:hover {
2806
- -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
2807
- box-shadow: inset 0 -0.2em 0 #108c86;
2556
+ box-shadow: inset 0 -0.2em 0 #108c86;
2808
2557
  color: #108c86;
2809
2558
  }
2810
2559
  .ui.tertiary.teal.buttons .button:focus,
2811
2560
  .ui.tertiary.teal.buttons .tertiary.button:focus,
2812
2561
  .ui.tertiary.teal.button:focus {
2813
- -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
2814
- box-shadow: inset 0 -0.2em 0 #0e7e79;
2562
+ box-shadow: inset 0 -0.2em 0 #0e7e79;
2815
2563
  color: #0e7e79;
2816
2564
  }
2817
2565
  .ui.tertiary.teal.buttons .active.button,
@@ -2820,37 +2568,35 @@
2820
2568
  .ui.tertiary.teal.buttons .button:active,
2821
2569
  .ui.tertiary.teal.buttons .tertiary.button:active,
2822
2570
  .ui.tertiary.teal.button:active {
2823
- -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
2824
- box-shadow: inset 0 -0.2em 0 #009c95;
2571
+ box-shadow: inset 0 -0.2em 0 #009c95;
2825
2572
  color: #009c95;
2826
2573
  }
2827
2574
  .ui.blue.buttons .button,
2828
2575
  .ui.blue.button {
2829
- background-color: #2185D0;
2830
- color: #FFFFFF;
2576
+ background-color: #2185d0;
2577
+ color: #fff;
2831
2578
  text-shadow: none;
2832
2579
  background-image: none;
2833
2580
  }
2834
2581
  .ui.blue.button {
2835
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2836
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2582
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2837
2583
  }
2838
2584
  .ui.blue.buttons .button:hover,
2839
2585
  .ui.blue.button:hover {
2840
2586
  background-color: #1678c2;
2841
- color: #FFFFFF;
2587
+ color: #fff;
2842
2588
  text-shadow: none;
2843
2589
  }
2844
2590
  .ui.blue.buttons .button:focus,
2845
2591
  .ui.blue.button:focus {
2846
2592
  background-color: #0d71bb;
2847
- color: #FFFFFF;
2593
+ color: #fff;
2848
2594
  text-shadow: none;
2849
2595
  }
2850
2596
  .ui.blue.buttons .button:active,
2851
2597
  .ui.blue.button:active {
2852
2598
  background-color: #1a69a4;
2853
- color: #FFFFFF;
2599
+ color: #fff;
2854
2600
  text-shadow: none;
2855
2601
  }
2856
2602
  .ui.blue.buttons .active.button,
@@ -2858,7 +2604,7 @@
2858
2604
  .ui.blue.active.button,
2859
2605
  .ui.blue.button .active.button:active {
2860
2606
  background-color: #1279c6;
2861
- color: #FFFFFF;
2607
+ color: #fff;
2862
2608
  text-shadow: none;
2863
2609
  }
2864
2610
 
@@ -2866,35 +2612,30 @@
2866
2612
  .ui.basic.blue.buttons .button,
2867
2613
  .ui.basic.blue.button {
2868
2614
  background: transparent;
2869
- -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
2870
- box-shadow: 0 0 0 1px #2185D0 inset;
2871
- color: #2185D0;
2615
+ box-shadow: 0 0 0 1px #2185d0 inset;
2616
+ color: #2185d0;
2872
2617
  }
2873
2618
  .ui.basic.blue.buttons .button:hover,
2874
2619
  .ui.basic.blue.button:hover {
2875
2620
  background: transparent;
2876
- -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
2877
- box-shadow: 0 0 0 1px #1678c2 inset;
2621
+ box-shadow: 0 0 0 1px #1678c2 inset;
2878
2622
  color: #1678c2;
2879
2623
  }
2880
2624
  .ui.basic.blue.buttons .button:focus,
2881
2625
  .ui.basic.blue.button:focus {
2882
2626
  background: transparent;
2883
- -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
2884
- box-shadow: 0 0 0 1px #0d71bb inset;
2627
+ box-shadow: 0 0 0 1px #0d71bb inset;
2885
2628
  color: #1678c2;
2886
2629
  }
2887
2630
  .ui.basic.blue.buttons .active.button,
2888
2631
  .ui.basic.blue.active.button {
2889
2632
  background: transparent;
2890
- -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
2891
- box-shadow: 0 0 0 1px #1279c6 inset;
2633
+ box-shadow: 0 0 0 1px #1279c6 inset;
2892
2634
  color: #1a69a4;
2893
2635
  }
2894
2636
  .ui.basic.blue.buttons .button:active,
2895
2637
  .ui.basic.blue.button:active {
2896
- -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
2897
- box-shadow: 0 0 0 1px #1a69a4 inset;
2638
+ box-shadow: 0 0 0 1px #1a69a4 inset;
2898
2639
  color: #1a69a4;
2899
2640
  }
2900
2641
 
@@ -2902,9 +2643,8 @@
2902
2643
  .ui.inverted.blue.buttons .button,
2903
2644
  .ui.inverted.blue.button {
2904
2645
  background-color: transparent;
2905
- -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
2906
- box-shadow: 0 0 0 2px #54C8FF inset;
2907
- color: #54C8FF;
2646
+ box-shadow: 0 0 0 2px #54c8ff inset;
2647
+ color: #54c8ff;
2908
2648
  }
2909
2649
  .ui.inverted.blue.buttons .button:hover,
2910
2650
  .ui.inverted.blue.button:hover,
@@ -2914,9 +2654,8 @@
2914
2654
  .ui.inverted.blue.button.active,
2915
2655
  .ui.inverted.blue.buttons .button:active,
2916
2656
  .ui.inverted.blue.button:active {
2917
- -webkit-box-shadow: none;
2918
- box-shadow: none;
2919
- color: #FFFFFF;
2657
+ box-shadow: none;
2658
+ color: #fff;
2920
2659
  }
2921
2660
  .ui.inverted.blue.buttons .button:hover,
2922
2661
  .ui.inverted.blue.button:hover {
@@ -2940,37 +2679,32 @@
2940
2679
  .ui.inverted.blue.buttons .basic.button,
2941
2680
  .ui.inverted.blue.basic.button {
2942
2681
  background-color: transparent;
2943
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2944
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2945
- color: #FFFFFF;
2682
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2683
+ color: #fff;
2946
2684
  }
2947
2685
  .ui.inverted.blue.basic.buttons .button:hover,
2948
2686
  .ui.inverted.blue.buttons .basic.button:hover,
2949
2687
  .ui.inverted.blue.basic.button:hover {
2950
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2951
- box-shadow: 0 0 0 2px #21b8ff inset;
2952
- color: #54C8FF;
2688
+ box-shadow: 0 0 0 2px #21b8ff inset;
2689
+ color: #54c8ff;
2953
2690
  }
2954
2691
  .ui.inverted.blue.basic.buttons .button:focus,
2955
2692
  .ui.inverted.blue.basic.buttons .button:focus,
2956
2693
  .ui.inverted.blue.basic.button:focus {
2957
- -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
2958
- box-shadow: 0 0 0 2px #2bbbff inset;
2959
- color: #54C8FF;
2694
+ box-shadow: 0 0 0 2px #2bbbff inset;
2695
+ color: #54c8ff;
2960
2696
  }
2961
2697
  .ui.inverted.blue.basic.buttons .active.button,
2962
2698
  .ui.inverted.blue.buttons .basic.active.button,
2963
2699
  .ui.inverted.blue.basic.active.button {
2964
- -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
2965
- box-shadow: 0 0 0 2px #3ac0ff inset;
2966
- color: #54C8FF;
2700
+ box-shadow: 0 0 0 2px #3ac0ff inset;
2701
+ color: #54c8ff;
2967
2702
  }
2968
2703
  .ui.inverted.blue.basic.buttons .button:active,
2969
2704
  .ui.inverted.blue.buttons .basic.button:active,
2970
2705
  .ui.inverted.blue.basic.button:active {
2971
- -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2972
- box-shadow: 0 0 0 2px #21b8ff inset;
2973
- color: #54C8FF;
2706
+ box-shadow: 0 0 0 2px #21b8ff inset;
2707
+ color: #54c8ff;
2974
2708
  }
2975
2709
 
2976
2710
  /* Tertiary */
@@ -2978,22 +2712,19 @@
2978
2712
  .ui.tertiary.blue.buttons .tertiary.button,
2979
2713
  .ui.tertiary.blue.button {
2980
2714
  background: transparent;
2981
- -webkit-box-shadow: none;
2982
- box-shadow: none;
2983
- color: #2185D0;
2715
+ box-shadow: none;
2716
+ color: #2185d0;
2984
2717
  }
2985
2718
  .ui.tertiary.blue.buttons .button:hover,
2986
2719
  .ui.tertiary.blue.buttons button:hover,
2987
2720
  .ui.tertiary.blue.button:hover {
2988
- -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
2989
- box-shadow: inset 0 -0.2em 0 #2b75ac;
2721
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
2990
2722
  color: #2b75ac;
2991
2723
  }
2992
2724
  .ui.tertiary.blue.buttons .button:focus,
2993
2725
  .ui.tertiary.blue.buttons .tertiary.button:focus,
2994
2726
  .ui.tertiary.blue.button:focus {
2995
- -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
2996
- box-shadow: inset 0 -0.2em 0 #216ea7;
2727
+ box-shadow: inset 0 -0.2em 0 #216ea7;
2997
2728
  color: #216ea7;
2998
2729
  }
2999
2730
  .ui.tertiary.blue.buttons .active.button,
@@ -3002,37 +2733,35 @@
3002
2733
  .ui.tertiary.blue.buttons .button:active,
3003
2734
  .ui.tertiary.blue.buttons .tertiary.button:active,
3004
2735
  .ui.tertiary.blue.button:active {
3005
- -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
3006
- box-shadow: inset 0 -0.2em 0 #007bd8;
2736
+ box-shadow: inset 0 -0.2em 0 #007bd8;
3007
2737
  color: #1279c6;
3008
2738
  }
3009
2739
  .ui.violet.buttons .button,
3010
2740
  .ui.violet.button {
3011
- background-color: #6435C9;
3012
- color: #FFFFFF;
2741
+ background-color: #6435c9;
2742
+ color: #fff;
3013
2743
  text-shadow: none;
3014
2744
  background-image: none;
3015
2745
  }
3016
2746
  .ui.violet.button {
3017
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3018
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2747
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3019
2748
  }
3020
2749
  .ui.violet.buttons .button:hover,
3021
2750
  .ui.violet.button:hover {
3022
2751
  background-color: #5829bb;
3023
- color: #FFFFFF;
2752
+ color: #fff;
3024
2753
  text-shadow: none;
3025
2754
  }
3026
2755
  .ui.violet.buttons .button:focus,
3027
2756
  .ui.violet.button:focus {
3028
2757
  background-color: #4f20b5;
3029
- color: #FFFFFF;
2758
+ color: #fff;
3030
2759
  text-shadow: none;
3031
2760
  }
3032
2761
  .ui.violet.buttons .button:active,
3033
2762
  .ui.violet.button:active {
3034
2763
  background-color: #502aa1;
3035
- color: #FFFFFF;
2764
+ color: #fff;
3036
2765
  text-shadow: none;
3037
2766
  }
3038
2767
  .ui.violet.buttons .active.button,
@@ -3040,7 +2769,7 @@
3040
2769
  .ui.violet.active.button,
3041
2770
  .ui.violet.button .active.button:active {
3042
2771
  background-color: #5626bf;
3043
- color: #FFFFFF;
2772
+ color: #fff;
3044
2773
  text-shadow: none;
3045
2774
  }
3046
2775
 
@@ -3048,35 +2777,30 @@
3048
2777
  .ui.basic.violet.buttons .button,
3049
2778
  .ui.basic.violet.button {
3050
2779
  background: transparent;
3051
- -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
3052
- box-shadow: 0 0 0 1px #6435C9 inset;
3053
- color: #6435C9;
2780
+ box-shadow: 0 0 0 1px #6435c9 inset;
2781
+ color: #6435c9;
3054
2782
  }
3055
2783
  .ui.basic.violet.buttons .button:hover,
3056
2784
  .ui.basic.violet.button:hover {
3057
2785
  background: transparent;
3058
- -webkit-box-shadow: 0 0 0 1px #5829bb inset;
3059
- box-shadow: 0 0 0 1px #5829bb inset;
2786
+ box-shadow: 0 0 0 1px #5829bb inset;
3060
2787
  color: #5829bb;
3061
2788
  }
3062
2789
  .ui.basic.violet.buttons .button:focus,
3063
2790
  .ui.basic.violet.button:focus {
3064
2791
  background: transparent;
3065
- -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
3066
- box-shadow: 0 0 0 1px #4f20b5 inset;
2792
+ box-shadow: 0 0 0 1px #4f20b5 inset;
3067
2793
  color: #5829bb;
3068
2794
  }
3069
2795
  .ui.basic.violet.buttons .active.button,
3070
2796
  .ui.basic.violet.active.button {
3071
2797
  background: transparent;
3072
- -webkit-box-shadow: 0 0 0 1px #5626bf inset;
3073
- box-shadow: 0 0 0 1px #5626bf inset;
2798
+ box-shadow: 0 0 0 1px #5626bf inset;
3074
2799
  color: #502aa1;
3075
2800
  }
3076
2801
  .ui.basic.violet.buttons .button:active,
3077
2802
  .ui.basic.violet.button:active {
3078
- -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
3079
- box-shadow: 0 0 0 1px #502aa1 inset;
2803
+ box-shadow: 0 0 0 1px #502aa1 inset;
3080
2804
  color: #502aa1;
3081
2805
  }
3082
2806
 
@@ -3084,9 +2808,8 @@
3084
2808
  .ui.inverted.violet.buttons .button,
3085
2809
  .ui.inverted.violet.button {
3086
2810
  background-color: transparent;
3087
- -webkit-box-shadow: 0 0 0 2px #A291FB inset;
3088
- box-shadow: 0 0 0 2px #A291FB inset;
3089
- color: #A291FB;
2811
+ box-shadow: 0 0 0 2px #a291fb inset;
2812
+ color: #a291fb;
3090
2813
  }
3091
2814
  .ui.inverted.violet.buttons .button:hover,
3092
2815
  .ui.inverted.violet.button:hover,
@@ -3096,9 +2819,8 @@
3096
2819
  .ui.inverted.violet.button.active,
3097
2820
  .ui.inverted.violet.buttons .button:active,
3098
2821
  .ui.inverted.violet.button:active {
3099
- -webkit-box-shadow: none;
3100
- box-shadow: none;
3101
- color: #FFFFFF;
2822
+ box-shadow: none;
2823
+ color: #fff;
3102
2824
  }
3103
2825
  .ui.inverted.violet.buttons .button:hover,
3104
2826
  .ui.inverted.violet.button:hover {
@@ -3122,37 +2844,32 @@
3122
2844
  .ui.inverted.violet.buttons .basic.button,
3123
2845
  .ui.inverted.violet.basic.button {
3124
2846
  background-color: transparent;
3125
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3126
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3127
- color: #FFFFFF;
2847
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2848
+ color: #fff;
3128
2849
  }
3129
2850
  .ui.inverted.violet.basic.buttons .button:hover,
3130
2851
  .ui.inverted.violet.buttons .basic.button:hover,
3131
2852
  .ui.inverted.violet.basic.button:hover {
3132
- -webkit-box-shadow: 0 0 0 2px #745aff inset;
3133
- box-shadow: 0 0 0 2px #745aff inset;
3134
- color: #A291FB;
2853
+ box-shadow: 0 0 0 2px #745aff inset;
2854
+ color: #a291fb;
3135
2855
  }
3136
2856
  .ui.inverted.violet.basic.buttons .button:focus,
3137
2857
  .ui.inverted.violet.basic.buttons .button:focus,
3138
2858
  .ui.inverted.violet.basic.button:focus {
3139
- -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
3140
- box-shadow: 0 0 0 2px #7d64ff inset;
3141
- color: #A291FB;
2859
+ box-shadow: 0 0 0 2px #7d64ff inset;
2860
+ color: #a291fb;
3142
2861
  }
3143
2862
  .ui.inverted.violet.basic.buttons .active.button,
3144
2863
  .ui.inverted.violet.buttons .basic.active.button,
3145
2864
  .ui.inverted.violet.basic.active.button {
3146
- -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
3147
- box-shadow: 0 0 0 2px #8a73ff inset;
3148
- color: #A291FB;
2865
+ box-shadow: 0 0 0 2px #8a73ff inset;
2866
+ color: #a291fb;
3149
2867
  }
3150
2868
  .ui.inverted.violet.basic.buttons .button:active,
3151
2869
  .ui.inverted.violet.buttons .basic.button:active,
3152
2870
  .ui.inverted.violet.basic.button:active {
3153
- -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
3154
- box-shadow: 0 0 0 2px #7860f9 inset;
3155
- color: #A291FB;
2871
+ box-shadow: 0 0 0 2px #7860f9 inset;
2872
+ color: #a291fb;
3156
2873
  }
3157
2874
 
3158
2875
  /* Tertiary */
@@ -3160,22 +2877,19 @@
3160
2877
  .ui.tertiary.violet.buttons .tertiary.button,
3161
2878
  .ui.tertiary.violet.button {
3162
2879
  background: transparent;
3163
- -webkit-box-shadow: none;
3164
- box-shadow: none;
3165
- color: #6435C9;
2880
+ box-shadow: none;
2881
+ color: #6435c9;
3166
2882
  }
3167
2883
  .ui.tertiary.violet.buttons .button:hover,
3168
2884
  .ui.tertiary.violet.buttons button:hover,
3169
2885
  .ui.tertiary.violet.button:hover {
3170
- -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
3171
- box-shadow: inset 0 -0.2em 0 #6040a5;
2886
+ box-shadow: inset 0 -0.2em 0 #6040a5;
3172
2887
  color: #6040a5;
3173
2888
  }
3174
2889
  .ui.tertiary.violet.buttons .button:focus,
3175
2890
  .ui.tertiary.violet.buttons .tertiary.button:focus,
3176
2891
  .ui.tertiary.violet.button:focus {
3177
- -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
3178
- box-shadow: inset 0 -0.2em 0 #5735a0;
2892
+ box-shadow: inset 0 -0.2em 0 #5735a0;
3179
2893
  color: #5735a0;
3180
2894
  }
3181
2895
  .ui.tertiary.violet.buttons .active.button,
@@ -3184,37 +2898,35 @@
3184
2898
  .ui.tertiary.violet.buttons .button:active,
3185
2899
  .ui.tertiary.violet.buttons .tertiary.button:active,
3186
2900
  .ui.tertiary.violet.button:active {
3187
- -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
3188
- box-shadow: inset 0 -0.2em 0 #4e0fd6;
2901
+ box-shadow: inset 0 -0.2em 0 #4e0fd6;
3189
2902
  color: #5626bf;
3190
2903
  }
3191
2904
  .ui.purple.buttons .button,
3192
2905
  .ui.purple.button {
3193
- background-color: #A333C8;
3194
- color: #FFFFFF;
2906
+ background-color: #a333c8;
2907
+ color: #fff;
3195
2908
  text-shadow: none;
3196
2909
  background-image: none;
3197
2910
  }
3198
2911
  .ui.purple.button {
3199
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3200
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2912
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3201
2913
  }
3202
2914
  .ui.purple.buttons .button:hover,
3203
2915
  .ui.purple.button:hover {
3204
2916
  background-color: #9627ba;
3205
- color: #FFFFFF;
2917
+ color: #fff;
3206
2918
  text-shadow: none;
3207
2919
  }
3208
2920
  .ui.purple.buttons .button:focus,
3209
2921
  .ui.purple.button:focus {
3210
2922
  background-color: #8f1eb4;
3211
- color: #FFFFFF;
2923
+ color: #fff;
3212
2924
  text-shadow: none;
3213
2925
  }
3214
2926
  .ui.purple.buttons .button:active,
3215
2927
  .ui.purple.button:active {
3216
2928
  background-color: #82299f;
3217
- color: #FFFFFF;
2929
+ color: #fff;
3218
2930
  text-shadow: none;
3219
2931
  }
3220
2932
  .ui.purple.buttons .active.button,
@@ -3222,7 +2934,7 @@
3222
2934
  .ui.purple.active.button,
3223
2935
  .ui.purple.button .active.button:active {
3224
2936
  background-color: #9724be;
3225
- color: #FFFFFF;
2937
+ color: #fff;
3226
2938
  text-shadow: none;
3227
2939
  }
3228
2940
 
@@ -3230,35 +2942,30 @@
3230
2942
  .ui.basic.purple.buttons .button,
3231
2943
  .ui.basic.purple.button {
3232
2944
  background: transparent;
3233
- -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
3234
- box-shadow: 0 0 0 1px #A333C8 inset;
3235
- color: #A333C8;
2945
+ box-shadow: 0 0 0 1px #a333c8 inset;
2946
+ color: #a333c8;
3236
2947
  }
3237
2948
  .ui.basic.purple.buttons .button:hover,
3238
2949
  .ui.basic.purple.button:hover {
3239
2950
  background: transparent;
3240
- -webkit-box-shadow: 0 0 0 1px #9627ba inset;
3241
- box-shadow: 0 0 0 1px #9627ba inset;
2951
+ box-shadow: 0 0 0 1px #9627ba inset;
3242
2952
  color: #9627ba;
3243
2953
  }
3244
2954
  .ui.basic.purple.buttons .button:focus,
3245
2955
  .ui.basic.purple.button:focus {
3246
2956
  background: transparent;
3247
- -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
3248
- box-shadow: 0 0 0 1px #8f1eb4 inset;
2957
+ box-shadow: 0 0 0 1px #8f1eb4 inset;
3249
2958
  color: #9627ba;
3250
2959
  }
3251
2960
  .ui.basic.purple.buttons .active.button,
3252
2961
  .ui.basic.purple.active.button {
3253
2962
  background: transparent;
3254
- -webkit-box-shadow: 0 0 0 1px #9724be inset;
3255
- box-shadow: 0 0 0 1px #9724be inset;
2963
+ box-shadow: 0 0 0 1px #9724be inset;
3256
2964
  color: #82299f;
3257
2965
  }
3258
2966
  .ui.basic.purple.buttons .button:active,
3259
2967
  .ui.basic.purple.button:active {
3260
- -webkit-box-shadow: 0 0 0 1px #82299f inset;
3261
- box-shadow: 0 0 0 1px #82299f inset;
2968
+ box-shadow: 0 0 0 1px #82299f inset;
3262
2969
  color: #82299f;
3263
2970
  }
3264
2971
 
@@ -3266,9 +2973,8 @@
3266
2973
  .ui.inverted.purple.buttons .button,
3267
2974
  .ui.inverted.purple.button {
3268
2975
  background-color: transparent;
3269
- -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
3270
- box-shadow: 0 0 0 2px #DC73FF inset;
3271
- color: #DC73FF;
2976
+ box-shadow: 0 0 0 2px #dc73ff inset;
2977
+ color: #dc73ff;
3272
2978
  }
3273
2979
  .ui.inverted.purple.buttons .button:hover,
3274
2980
  .ui.inverted.purple.button:hover,
@@ -3278,9 +2984,8 @@
3278
2984
  .ui.inverted.purple.button.active,
3279
2985
  .ui.inverted.purple.buttons .button:active,
3280
2986
  .ui.inverted.purple.button:active {
3281
- -webkit-box-shadow: none;
3282
- box-shadow: none;
3283
- color: #FFFFFF;
2987
+ box-shadow: none;
2988
+ color: #fff;
3284
2989
  }
3285
2990
  .ui.inverted.purple.buttons .button:hover,
3286
2991
  .ui.inverted.purple.button:hover {
@@ -3304,37 +3009,32 @@
3304
3009
  .ui.inverted.purple.buttons .basic.button,
3305
3010
  .ui.inverted.purple.basic.button {
3306
3011
  background-color: transparent;
3307
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3308
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3309
- color: #FFFFFF;
3012
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3013
+ color: #fff;
3310
3014
  }
3311
3015
  .ui.inverted.purple.basic.buttons .button:hover,
3312
3016
  .ui.inverted.purple.buttons .basic.button:hover,
3313
3017
  .ui.inverted.purple.basic.button:hover {
3314
- -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3315
- box-shadow: 0 0 0 2px #cf40ff inset;
3316
- color: #DC73FF;
3018
+ box-shadow: 0 0 0 2px #cf40ff inset;
3019
+ color: #dc73ff;
3317
3020
  }
3318
3021
  .ui.inverted.purple.basic.buttons .button:focus,
3319
3022
  .ui.inverted.purple.basic.buttons .button:focus,
3320
3023
  .ui.inverted.purple.basic.button:focus {
3321
- -webkit-box-shadow: 0 0 0 2px #d24aff inset;
3322
- box-shadow: 0 0 0 2px #d24aff inset;
3323
- color: #DC73FF;
3024
+ box-shadow: 0 0 0 2px #d24aff inset;
3025
+ color: #dc73ff;
3324
3026
  }
3325
3027
  .ui.inverted.purple.basic.buttons .active.button,
3326
3028
  .ui.inverted.purple.buttons .basic.active.button,
3327
3029
  .ui.inverted.purple.basic.active.button {
3328
- -webkit-box-shadow: 0 0 0 2px #d65aff inset;
3329
- box-shadow: 0 0 0 2px #d65aff inset;
3330
- color: #DC73FF;
3030
+ box-shadow: 0 0 0 2px #d65aff inset;
3031
+ color: #dc73ff;
3331
3032
  }
3332
3033
  .ui.inverted.purple.basic.buttons .button:active,
3333
3034
  .ui.inverted.purple.buttons .basic.button:active,
3334
3035
  .ui.inverted.purple.basic.button:active {
3335
- -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3336
- box-shadow: 0 0 0 2px #cf40ff inset;
3337
- color: #DC73FF;
3036
+ box-shadow: 0 0 0 2px #cf40ff inset;
3037
+ color: #dc73ff;
3338
3038
  }
3339
3039
 
3340
3040
  /* Tertiary */
@@ -3342,22 +3042,19 @@
3342
3042
  .ui.tertiary.purple.buttons .tertiary.button,
3343
3043
  .ui.tertiary.purple.button {
3344
3044
  background: transparent;
3345
- -webkit-box-shadow: none;
3346
- box-shadow: none;
3347
- color: #A333C8;
3045
+ box-shadow: none;
3046
+ color: #a333c8;
3348
3047
  }
3349
3048
  .ui.tertiary.purple.buttons .button:hover,
3350
3049
  .ui.tertiary.purple.buttons button:hover,
3351
3050
  .ui.tertiary.purple.button:hover {
3352
- -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
3353
- box-shadow: inset 0 -0.2em 0 #8a3ea4;
3051
+ box-shadow: inset 0 -0.2em 0 #8a3ea4;
3354
3052
  color: #8a3ea4;
3355
3053
  }
3356
3054
  .ui.tertiary.purple.buttons .button:focus,
3357
3055
  .ui.tertiary.purple.buttons .tertiary.button:focus,
3358
3056
  .ui.tertiary.purple.button:focus {
3359
- -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
3360
- box-shadow: inset 0 -0.2em 0 #84339f;
3057
+ box-shadow: inset 0 -0.2em 0 #84339f;
3361
3058
  color: #84339f;
3362
3059
  }
3363
3060
  .ui.tertiary.purple.buttons .active.button,
@@ -3366,37 +3063,35 @@
3366
3063
  .ui.tertiary.purple.buttons .button:active,
3367
3064
  .ui.tertiary.purple.buttons .tertiary.button:active,
3368
3065
  .ui.tertiary.purple.button:active {
3369
- -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
3370
- box-shadow: inset 0 -0.2em 0 #a30dd4;
3066
+ box-shadow: inset 0 -0.2em 0 #a30dd4;
3371
3067
  color: #9724be;
3372
3068
  }
3373
3069
  .ui.pink.buttons .button,
3374
3070
  .ui.pink.button {
3375
- background-color: #E03997;
3376
- color: #FFFFFF;
3071
+ background-color: #e03997;
3072
+ color: #fff;
3377
3073
  text-shadow: none;
3378
3074
  background-image: none;
3379
3075
  }
3380
3076
  .ui.pink.button {
3381
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3382
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3077
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3383
3078
  }
3384
3079
  .ui.pink.buttons .button:hover,
3385
3080
  .ui.pink.button:hover {
3386
3081
  background-color: #e61a8d;
3387
- color: #FFFFFF;
3082
+ color: #fff;
3388
3083
  text-shadow: none;
3389
3084
  }
3390
3085
  .ui.pink.buttons .button:focus,
3391
3086
  .ui.pink.button:focus {
3392
3087
  background-color: #e10f85;
3393
- color: #FFFFFF;
3088
+ color: #fff;
3394
3089
  text-shadow: none;
3395
3090
  }
3396
3091
  .ui.pink.buttons .button:active,
3397
3092
  .ui.pink.button:active {
3398
3093
  background-color: #c71f7e;
3399
- color: #FFFFFF;
3094
+ color: #fff;
3400
3095
  text-shadow: none;
3401
3096
  }
3402
3097
  .ui.pink.buttons .active.button,
@@ -3404,7 +3099,7 @@
3404
3099
  .ui.pink.active.button,
3405
3100
  .ui.pink.button .active.button:active {
3406
3101
  background-color: #ea158d;
3407
- color: #FFFFFF;
3102
+ color: #fff;
3408
3103
  text-shadow: none;
3409
3104
  }
3410
3105
 
@@ -3412,35 +3107,30 @@
3412
3107
  .ui.basic.pink.buttons .button,
3413
3108
  .ui.basic.pink.button {
3414
3109
  background: transparent;
3415
- -webkit-box-shadow: 0 0 0 1px #E03997 inset;
3416
- box-shadow: 0 0 0 1px #E03997 inset;
3417
- color: #E03997;
3110
+ box-shadow: 0 0 0 1px #e03997 inset;
3111
+ color: #e03997;
3418
3112
  }
3419
3113
  .ui.basic.pink.buttons .button:hover,
3420
3114
  .ui.basic.pink.button:hover {
3421
3115
  background: transparent;
3422
- -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
3423
- box-shadow: 0 0 0 1px #e61a8d inset;
3116
+ box-shadow: 0 0 0 1px #e61a8d inset;
3424
3117
  color: #e61a8d;
3425
3118
  }
3426
3119
  .ui.basic.pink.buttons .button:focus,
3427
3120
  .ui.basic.pink.button:focus {
3428
3121
  background: transparent;
3429
- -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
3430
- box-shadow: 0 0 0 1px #e10f85 inset;
3122
+ box-shadow: 0 0 0 1px #e10f85 inset;
3431
3123
  color: #e61a8d;
3432
3124
  }
3433
3125
  .ui.basic.pink.buttons .active.button,
3434
3126
  .ui.basic.pink.active.button {
3435
3127
  background: transparent;
3436
- -webkit-box-shadow: 0 0 0 1px #ea158d inset;
3437
- box-shadow: 0 0 0 1px #ea158d inset;
3128
+ box-shadow: 0 0 0 1px #ea158d inset;
3438
3129
  color: #c71f7e;
3439
3130
  }
3440
3131
  .ui.basic.pink.buttons .button:active,
3441
3132
  .ui.basic.pink.button:active {
3442
- -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
3443
- box-shadow: 0 0 0 1px #c71f7e inset;
3133
+ box-shadow: 0 0 0 1px #c71f7e inset;
3444
3134
  color: #c71f7e;
3445
3135
  }
3446
3136
 
@@ -3448,9 +3138,8 @@
3448
3138
  .ui.inverted.pink.buttons .button,
3449
3139
  .ui.inverted.pink.button {
3450
3140
  background-color: transparent;
3451
- -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
3452
- box-shadow: 0 0 0 2px #FF8EDF inset;
3453
- color: #FF8EDF;
3141
+ box-shadow: 0 0 0 2px #ff8edf inset;
3142
+ color: #ff8edf;
3454
3143
  }
3455
3144
  .ui.inverted.pink.buttons .button:hover,
3456
3145
  .ui.inverted.pink.button:hover,
@@ -3460,9 +3149,8 @@
3460
3149
  .ui.inverted.pink.button.active,
3461
3150
  .ui.inverted.pink.buttons .button:active,
3462
3151
  .ui.inverted.pink.button:active {
3463
- -webkit-box-shadow: none;
3464
- box-shadow: none;
3465
- color: #FFFFFF;
3152
+ box-shadow: none;
3153
+ color: #fff;
3466
3154
  }
3467
3155
  .ui.inverted.pink.buttons .button:hover,
3468
3156
  .ui.inverted.pink.button:hover {
@@ -3486,37 +3174,32 @@
3486
3174
  .ui.inverted.pink.buttons .basic.button,
3487
3175
  .ui.inverted.pink.basic.button {
3488
3176
  background-color: transparent;
3489
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3490
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3491
- color: #FFFFFF;
3177
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3178
+ color: #fff;
3492
3179
  }
3493
3180
  .ui.inverted.pink.basic.buttons .button:hover,
3494
3181
  .ui.inverted.pink.buttons .basic.button:hover,
3495
3182
  .ui.inverted.pink.basic.button:hover {
3496
- -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3497
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3498
- color: #FF8EDF;
3183
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3184
+ color: #ff8edf;
3499
3185
  }
3500
3186
  .ui.inverted.pink.basic.buttons .button:focus,
3501
3187
  .ui.inverted.pink.basic.buttons .button:focus,
3502
3188
  .ui.inverted.pink.basic.button:focus {
3503
- -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
3504
- box-shadow: 0 0 0 2px #ff65d3 inset;
3505
- color: #FF8EDF;
3189
+ box-shadow: 0 0 0 2px #ff65d3 inset;
3190
+ color: #ff8edf;
3506
3191
  }
3507
3192
  .ui.inverted.pink.basic.buttons .active.button,
3508
3193
  .ui.inverted.pink.buttons .basic.active.button,
3509
3194
  .ui.inverted.pink.basic.active.button {
3510
- -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
3511
- box-shadow: 0 0 0 2px #ff74d8 inset;
3512
- color: #FF8EDF;
3195
+ box-shadow: 0 0 0 2px #ff74d8 inset;
3196
+ color: #ff8edf;
3513
3197
  }
3514
3198
  .ui.inverted.pink.basic.buttons .button:active,
3515
3199
  .ui.inverted.pink.buttons .basic.button:active,
3516
3200
  .ui.inverted.pink.basic.button:active {
3517
- -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3518
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3519
- color: #FF8EDF;
3201
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3202
+ color: #ff8edf;
3520
3203
  }
3521
3204
 
3522
3205
  /* Tertiary */
@@ -3524,22 +3207,19 @@
3524
3207
  .ui.tertiary.pink.buttons .tertiary.button,
3525
3208
  .ui.tertiary.pink.button {
3526
3209
  background: transparent;
3527
- -webkit-box-shadow: none;
3528
- box-shadow: none;
3529
- color: #E03997;
3210
+ box-shadow: none;
3211
+ color: #e03997;
3530
3212
  }
3531
3213
  .ui.tertiary.pink.buttons .button:hover,
3532
3214
  .ui.tertiary.pink.buttons button:hover,
3533
3215
  .ui.tertiary.pink.button:hover {
3534
- -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
3535
- box-shadow: inset 0 -0.2em 0 #cc3389;
3216
+ box-shadow: inset 0 -0.2em 0 #cc3389;
3536
3217
  color: #cc3389;
3537
3218
  }
3538
3219
  .ui.tertiary.pink.buttons .button:focus,
3539
3220
  .ui.tertiary.pink.buttons .tertiary.button:focus,
3540
3221
  .ui.tertiary.pink.button:focus {
3541
- -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
3542
- box-shadow: inset 0 -0.2em 0 #c92782;
3222
+ box-shadow: inset 0 -0.2em 0 #c92782;
3543
3223
  color: #c92782;
3544
3224
  }
3545
3225
  .ui.tertiary.pink.buttons .active.button,
@@ -3548,37 +3228,35 @@
3548
3228
  .ui.tertiary.pink.buttons .button:active,
3549
3229
  .ui.tertiary.pink.buttons .tertiary.button:active,
3550
3230
  .ui.tertiary.pink.button:active {
3551
- -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
3552
- box-shadow: inset 0 -0.2em 0 #ff0090;
3231
+ box-shadow: inset 0 -0.2em 0 #ff0090;
3553
3232
  color: #ea158d;
3554
3233
  }
3555
3234
  .ui.brown.buttons .button,
3556
3235
  .ui.brown.button {
3557
- background-color: #A5673F;
3558
- color: #FFFFFF;
3236
+ background-color: #a5673f;
3237
+ color: #fff;
3559
3238
  text-shadow: none;
3560
3239
  background-image: none;
3561
3240
  }
3562
3241
  .ui.brown.button {
3563
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3564
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3242
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3565
3243
  }
3566
3244
  .ui.brown.buttons .button:hover,
3567
3245
  .ui.brown.button:hover {
3568
3246
  background-color: #975b33;
3569
- color: #FFFFFF;
3247
+ color: #fff;
3570
3248
  text-shadow: none;
3571
3249
  }
3572
3250
  .ui.brown.buttons .button:focus,
3573
3251
  .ui.brown.button:focus {
3574
3252
  background-color: #90532b;
3575
- color: #FFFFFF;
3253
+ color: #fff;
3576
3254
  text-shadow: none;
3577
3255
  }
3578
3256
  .ui.brown.buttons .button:active,
3579
3257
  .ui.brown.button:active {
3580
3258
  background-color: #805031;
3581
- color: #FFFFFF;
3259
+ color: #fff;
3582
3260
  text-shadow: none;
3583
3261
  }
3584
3262
  .ui.brown.buttons .active.button,
@@ -3586,7 +3264,7 @@
3586
3264
  .ui.brown.active.button,
3587
3265
  .ui.brown.button .active.button:active {
3588
3266
  background-color: #995a31;
3589
- color: #FFFFFF;
3267
+ color: #fff;
3590
3268
  text-shadow: none;
3591
3269
  }
3592
3270
 
@@ -3594,35 +3272,30 @@
3594
3272
  .ui.basic.brown.buttons .button,
3595
3273
  .ui.basic.brown.button {
3596
3274
  background: transparent;
3597
- -webkit-box-shadow: 0 0 0 1px #A5673F inset;
3598
- box-shadow: 0 0 0 1px #A5673F inset;
3599
- color: #A5673F;
3275
+ box-shadow: 0 0 0 1px #a5673f inset;
3276
+ color: #a5673f;
3600
3277
  }
3601
3278
  .ui.basic.brown.buttons .button:hover,
3602
3279
  .ui.basic.brown.button:hover {
3603
3280
  background: transparent;
3604
- -webkit-box-shadow: 0 0 0 1px #975b33 inset;
3605
- box-shadow: 0 0 0 1px #975b33 inset;
3281
+ box-shadow: 0 0 0 1px #975b33 inset;
3606
3282
  color: #975b33;
3607
3283
  }
3608
3284
  .ui.basic.brown.buttons .button:focus,
3609
3285
  .ui.basic.brown.button:focus {
3610
3286
  background: transparent;
3611
- -webkit-box-shadow: 0 0 0 1px #90532b inset;
3612
- box-shadow: 0 0 0 1px #90532b inset;
3287
+ box-shadow: 0 0 0 1px #90532b inset;
3613
3288
  color: #975b33;
3614
3289
  }
3615
3290
  .ui.basic.brown.buttons .active.button,
3616
3291
  .ui.basic.brown.active.button {
3617
3292
  background: transparent;
3618
- -webkit-box-shadow: 0 0 0 1px #995a31 inset;
3619
- box-shadow: 0 0 0 1px #995a31 inset;
3293
+ box-shadow: 0 0 0 1px #995a31 inset;
3620
3294
  color: #805031;
3621
3295
  }
3622
3296
  .ui.basic.brown.buttons .button:active,
3623
3297
  .ui.basic.brown.button:active {
3624
- -webkit-box-shadow: 0 0 0 1px #805031 inset;
3625
- box-shadow: 0 0 0 1px #805031 inset;
3298
+ box-shadow: 0 0 0 1px #805031 inset;
3626
3299
  color: #805031;
3627
3300
  }
3628
3301
 
@@ -3630,9 +3303,8 @@
3630
3303
  .ui.inverted.brown.buttons .button,
3631
3304
  .ui.inverted.brown.button {
3632
3305
  background-color: transparent;
3633
- -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
3634
- box-shadow: 0 0 0 2px #D67C1C inset;
3635
- color: #D67C1C;
3306
+ box-shadow: 0 0 0 2px #d67c1c inset;
3307
+ color: #d67c1c;
3636
3308
  }
3637
3309
  .ui.inverted.brown.buttons .button:hover,
3638
3310
  .ui.inverted.brown.button:hover,
@@ -3642,9 +3314,8 @@
3642
3314
  .ui.inverted.brown.button.active,
3643
3315
  .ui.inverted.brown.buttons .button:active,
3644
3316
  .ui.inverted.brown.button:active {
3645
- -webkit-box-shadow: none;
3646
- box-shadow: none;
3647
- color: #FFFFFF;
3317
+ box-shadow: none;
3318
+ color: #fff;
3648
3319
  }
3649
3320
  .ui.inverted.brown.buttons .button:hover,
3650
3321
  .ui.inverted.brown.button:hover {
@@ -3668,37 +3339,32 @@
3668
3339
  .ui.inverted.brown.buttons .basic.button,
3669
3340
  .ui.inverted.brown.basic.button {
3670
3341
  background-color: transparent;
3671
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3672
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3673
- color: #FFFFFF;
3342
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3343
+ color: #fff;
3674
3344
  }
3675
3345
  .ui.inverted.brown.basic.buttons .button:hover,
3676
3346
  .ui.inverted.brown.buttons .basic.button:hover,
3677
3347
  .ui.inverted.brown.basic.button:hover {
3678
- -webkit-box-shadow: 0 0 0 2px #b0620f inset;
3679
- box-shadow: 0 0 0 2px #b0620f inset;
3680
- color: #D67C1C;
3348
+ box-shadow: 0 0 0 2px #b0620f inset;
3349
+ color: #d67c1c;
3681
3350
  }
3682
3351
  .ui.inverted.brown.basic.buttons .button:focus,
3683
3352
  .ui.inverted.brown.basic.buttons .button:focus,
3684
3353
  .ui.inverted.brown.basic.button:focus {
3685
- -webkit-box-shadow: 0 0 0 2px #c16808 inset;
3686
- box-shadow: 0 0 0 2px #c16808 inset;
3687
- color: #D67C1C;
3354
+ box-shadow: 0 0 0 2px #c16808 inset;
3355
+ color: #d67c1c;
3688
3356
  }
3689
3357
  .ui.inverted.brown.basic.buttons .active.button,
3690
3358
  .ui.inverted.brown.buttons .basic.active.button,
3691
3359
  .ui.inverted.brown.basic.active.button {
3692
- -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
3693
- box-shadow: 0 0 0 2px #cc6f0d inset;
3694
- color: #D67C1C;
3360
+ box-shadow: 0 0 0 2px #cc6f0d inset;
3361
+ color: #d67c1c;
3695
3362
  }
3696
3363
  .ui.inverted.brown.basic.buttons .button:active,
3697
3364
  .ui.inverted.brown.buttons .basic.button:active,
3698
3365
  .ui.inverted.brown.basic.button:active {
3699
- -webkit-box-shadow: 0 0 0 2px #a96216 inset;
3700
- box-shadow: 0 0 0 2px #a96216 inset;
3701
- color: #D67C1C;
3366
+ box-shadow: 0 0 0 2px #a96216 inset;
3367
+ color: #d67c1c;
3702
3368
  }
3703
3369
 
3704
3370
  /* Tertiary */
@@ -3706,22 +3372,19 @@
3706
3372
  .ui.tertiary.brown.buttons .tertiary.button,
3707
3373
  .ui.tertiary.brown.button {
3708
3374
  background: transparent;
3709
- -webkit-box-shadow: none;
3710
- box-shadow: none;
3711
- color: #A5673F;
3375
+ box-shadow: none;
3376
+ color: #a5673f;
3712
3377
  }
3713
3378
  .ui.tertiary.brown.buttons .button:hover,
3714
3379
  .ui.tertiary.brown.buttons button:hover,
3715
3380
  .ui.tertiary.brown.button:hover {
3716
- -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
3717
- box-shadow: inset 0 -0.2em 0 #835f48;
3381
+ box-shadow: inset 0 -0.2em 0 #835f48;
3718
3382
  color: #835f48;
3719
3383
  }
3720
3384
  .ui.tertiary.brown.buttons .button:focus,
3721
3385
  .ui.tertiary.brown.buttons .tertiary.button:focus,
3722
3386
  .ui.tertiary.brown.button:focus {
3723
- -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
3724
- box-shadow: inset 0 -0.2em 0 #7d573e;
3387
+ box-shadow: inset 0 -0.2em 0 #7d573e;
3725
3388
  color: #7d573e;
3726
3389
  }
3727
3390
  .ui.tertiary.brown.buttons .active.button,
@@ -3730,37 +3393,35 @@
3730
3393
  .ui.tertiary.brown.buttons .button:active,
3731
3394
  .ui.tertiary.brown.buttons .tertiary.button:active,
3732
3395
  .ui.tertiary.brown.button:active {
3733
- -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
3734
- box-shadow: inset 0 -0.2em 0 #ae561d;
3396
+ box-shadow: inset 0 -0.2em 0 #ae561d;
3735
3397
  color: #995a31;
3736
3398
  }
3737
3399
  .ui.grey.buttons .button,
3738
3400
  .ui.grey.button {
3739
3401
  background-color: #767676;
3740
- color: #FFFFFF;
3402
+ color: #fff;
3741
3403
  text-shadow: none;
3742
3404
  background-image: none;
3743
3405
  }
3744
3406
  .ui.grey.button {
3745
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3746
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3407
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3747
3408
  }
3748
3409
  .ui.grey.buttons .button:hover,
3749
3410
  .ui.grey.button:hover {
3750
3411
  background-color: #838383;
3751
- color: #FFFFFF;
3412
+ color: #fff;
3752
3413
  text-shadow: none;
3753
3414
  }
3754
3415
  .ui.grey.buttons .button:focus,
3755
3416
  .ui.grey.button:focus {
3756
3417
  background-color: #8a8a8a;
3757
- color: #FFFFFF;
3418
+ color: #fff;
3758
3419
  text-shadow: none;
3759
3420
  }
3760
3421
  .ui.grey.buttons .button:active,
3761
3422
  .ui.grey.button:active {
3762
3423
  background-color: #909090;
3763
- color: #FFFFFF;
3424
+ color: #fff;
3764
3425
  text-shadow: none;
3765
3426
  }
3766
3427
  .ui.grey.buttons .active.button,
@@ -3768,7 +3429,7 @@
3768
3429
  .ui.grey.active.button,
3769
3430
  .ui.grey.button .active.button:active {
3770
3431
  background-color: #696969;
3771
- color: #FFFFFF;
3432
+ color: #fff;
3772
3433
  text-shadow: none;
3773
3434
  }
3774
3435
 
@@ -3776,35 +3437,30 @@
3776
3437
  .ui.basic.grey.buttons .button,
3777
3438
  .ui.basic.grey.button {
3778
3439
  background: transparent;
3779
- -webkit-box-shadow: 0 0 0 1px #767676 inset;
3780
- box-shadow: 0 0 0 1px #767676 inset;
3440
+ box-shadow: 0 0 0 1px #767676 inset;
3781
3441
  color: #767676;
3782
3442
  }
3783
3443
  .ui.basic.grey.buttons .button:hover,
3784
3444
  .ui.basic.grey.button:hover {
3785
3445
  background: transparent;
3786
- -webkit-box-shadow: 0 0 0 1px #838383 inset;
3787
- box-shadow: 0 0 0 1px #838383 inset;
3446
+ box-shadow: 0 0 0 1px #838383 inset;
3788
3447
  color: #838383;
3789
3448
  }
3790
3449
  .ui.basic.grey.buttons .button:focus,
3791
3450
  .ui.basic.grey.button:focus {
3792
3451
  background: transparent;
3793
- -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
3794
- box-shadow: 0 0 0 1px #8a8a8a inset;
3452
+ box-shadow: 0 0 0 1px #8a8a8a inset;
3795
3453
  color: #838383;
3796
3454
  }
3797
3455
  .ui.basic.grey.buttons .active.button,
3798
3456
  .ui.basic.grey.active.button {
3799
3457
  background: transparent;
3800
- -webkit-box-shadow: 0 0 0 1px #696969 inset;
3801
- box-shadow: 0 0 0 1px #696969 inset;
3458
+ box-shadow: 0 0 0 1px #696969 inset;
3802
3459
  color: #909090;
3803
3460
  }
3804
3461
  .ui.basic.grey.buttons .button:active,
3805
3462
  .ui.basic.grey.button:active {
3806
- -webkit-box-shadow: 0 0 0 1px #909090 inset;
3807
- box-shadow: 0 0 0 1px #909090 inset;
3463
+ box-shadow: 0 0 0 1px #909090 inset;
3808
3464
  color: #909090;
3809
3465
  }
3810
3466
 
@@ -3812,9 +3468,8 @@
3812
3468
  .ui.inverted.grey.buttons .button,
3813
3469
  .ui.inverted.grey.button {
3814
3470
  background-color: transparent;
3815
- -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
3816
- box-shadow: 0 0 0 2px #D4D4D5 inset;
3817
- color: #FFFFFF;
3471
+ box-shadow: 0 0 0 2px #d4d4d5 inset;
3472
+ color: #fff;
3818
3473
  }
3819
3474
  .ui.inverted.grey.buttons .button:hover,
3820
3475
  .ui.inverted.grey.button:hover,
@@ -3824,8 +3479,7 @@
3824
3479
  .ui.inverted.grey.button.active,
3825
3480
  .ui.inverted.grey.buttons .button:active,
3826
3481
  .ui.inverted.grey.button:active {
3827
- -webkit-box-shadow: none;
3828
- box-shadow: none;
3482
+ box-shadow: none;
3829
3483
  color: rgba(0, 0, 0, 0.6);
3830
3484
  }
3831
3485
  .ui.inverted.grey.buttons .button:hover,
@@ -3850,37 +3504,32 @@
3850
3504
  .ui.inverted.grey.buttons .basic.button,
3851
3505
  .ui.inverted.grey.basic.button {
3852
3506
  background-color: transparent;
3853
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3854
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3855
- color: #FFFFFF;
3507
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3508
+ color: #fff;
3856
3509
  }
3857
3510
  .ui.inverted.grey.basic.buttons .button:hover,
3858
3511
  .ui.inverted.grey.buttons .basic.button:hover,
3859
3512
  .ui.inverted.grey.basic.button:hover {
3860
- -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3861
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3862
- color: #FFFFFF;
3513
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3514
+ color: #fff;
3863
3515
  }
3864
3516
  .ui.inverted.grey.basic.buttons .button:focus,
3865
3517
  .ui.inverted.grey.basic.buttons .button:focus,
3866
3518
  .ui.inverted.grey.basic.button:focus {
3867
- -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
3868
- box-shadow: 0 0 0 2px #c7c9cb inset;
3869
- color: #DCDDDE;
3519
+ box-shadow: 0 0 0 2px #c7c9cb inset;
3520
+ color: #dcddde;
3870
3521
  }
3871
3522
  .ui.inverted.grey.basic.buttons .active.button,
3872
3523
  .ui.inverted.grey.buttons .basic.active.button,
3873
3524
  .ui.inverted.grey.basic.active.button {
3874
- -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
3875
- box-shadow: 0 0 0 2px #cfd0d2 inset;
3876
- color: #FFFFFF;
3525
+ box-shadow: 0 0 0 2px #cfd0d2 inset;
3526
+ color: #fff;
3877
3527
  }
3878
3528
  .ui.inverted.grey.basic.buttons .button:active,
3879
3529
  .ui.inverted.grey.buttons .basic.button:active,
3880
3530
  .ui.inverted.grey.basic.button:active {
3881
- -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3882
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3883
- color: #FFFFFF;
3531
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3532
+ color: #fff;
3884
3533
  }
3885
3534
 
3886
3535
  /* Tertiary */
@@ -3888,22 +3537,19 @@
3888
3537
  .ui.tertiary.grey.buttons .tertiary.button,
3889
3538
  .ui.tertiary.grey.button {
3890
3539
  background: transparent;
3891
- -webkit-box-shadow: none;
3892
- box-shadow: none;
3540
+ box-shadow: none;
3893
3541
  color: #767676;
3894
3542
  }
3895
3543
  .ui.tertiary.grey.buttons .button:hover,
3896
3544
  .ui.tertiary.grey.buttons button:hover,
3897
3545
  .ui.tertiary.grey.button:hover {
3898
- -webkit-box-shadow: inset 0 -0.2em 0 #909090;
3899
- box-shadow: inset 0 -0.2em 0 #909090;
3546
+ box-shadow: inset 0 -0.2em 0 #909090;
3900
3547
  color: #909090;
3901
3548
  }
3902
3549
  .ui.tertiary.grey.buttons .button:focus,
3903
3550
  .ui.tertiary.grey.buttons .tertiary.button:focus,
3904
3551
  .ui.tertiary.grey.button:focus {
3905
- -webkit-box-shadow: inset 0 -0.2em 0 #9f9f9f;
3906
- box-shadow: inset 0 -0.2em 0 #9f9f9f;
3552
+ box-shadow: inset 0 -0.2em 0 #9f9f9f;
3907
3553
  color: #9f9f9f;
3908
3554
  }
3909
3555
  .ui.tertiary.grey.buttons .active.button,
@@ -3912,37 +3558,35 @@
3912
3558
  .ui.tertiary.grey.buttons .button:active,
3913
3559
  .ui.tertiary.grey.buttons .tertiary.button:active,
3914
3560
  .ui.tertiary.grey.button:active {
3915
- -webkit-box-shadow: inset 0 -0.2em 0 #5d5d5d;
3916
- box-shadow: inset 0 -0.2em 0 #5d5d5d;
3561
+ box-shadow: inset 0 -0.2em 0 #5d5d5d;
3917
3562
  color: #696969;
3918
3563
  }
3919
3564
  .ui.black.buttons .button,
3920
3565
  .ui.black.button {
3921
- background-color: #1B1C1D;
3922
- color: #FFFFFF;
3566
+ background-color: #1b1c1d;
3567
+ color: #fff;
3923
3568
  text-shadow: none;
3924
3569
  background-image: none;
3925
3570
  }
3926
3571
  .ui.black.button {
3927
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3928
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3572
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3929
3573
  }
3930
3574
  .ui.black.buttons .button:hover,
3931
3575
  .ui.black.button:hover {
3932
3576
  background-color: #27292a;
3933
- color: #FFFFFF;
3577
+ color: #fff;
3934
3578
  text-shadow: none;
3935
3579
  }
3936
3580
  .ui.black.buttons .button:focus,
3937
3581
  .ui.black.button:focus {
3938
3582
  background-color: #2f3032;
3939
- color: #FFFFFF;
3583
+ color: #fff;
3940
3584
  text-shadow: none;
3941
3585
  }
3942
3586
  .ui.black.buttons .button:active,
3943
3587
  .ui.black.button:active {
3944
3588
  background-color: #343637;
3945
- color: #FFFFFF;
3589
+ color: #fff;
3946
3590
  text-shadow: none;
3947
3591
  }
3948
3592
  .ui.black.buttons .active.button,
@@ -3950,7 +3594,7 @@
3950
3594
  .ui.black.active.button,
3951
3595
  .ui.black.button .active.button:active {
3952
3596
  background-color: #0f0f10;
3953
- color: #FFFFFF;
3597
+ color: #fff;
3954
3598
  text-shadow: none;
3955
3599
  }
3956
3600
 
@@ -3958,35 +3602,30 @@
3958
3602
  .ui.basic.black.buttons .button,
3959
3603
  .ui.basic.black.button {
3960
3604
  background: transparent;
3961
- -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
3962
- box-shadow: 0 0 0 1px #1B1C1D inset;
3963
- color: #1B1C1D;
3605
+ box-shadow: 0 0 0 1px #1b1c1d inset;
3606
+ color: #1b1c1d;
3964
3607
  }
3965
3608
  .ui.basic.black.buttons .button:hover,
3966
3609
  .ui.basic.black.button:hover {
3967
3610
  background: transparent;
3968
- -webkit-box-shadow: 0 0 0 1px #27292a inset;
3969
- box-shadow: 0 0 0 1px #27292a inset;
3611
+ box-shadow: 0 0 0 1px #27292a inset;
3970
3612
  color: #27292a;
3971
3613
  }
3972
3614
  .ui.basic.black.buttons .button:focus,
3973
3615
  .ui.basic.black.button:focus {
3974
3616
  background: transparent;
3975
- -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
3976
- box-shadow: 0 0 0 1px #2f3032 inset;
3617
+ box-shadow: 0 0 0 1px #2f3032 inset;
3977
3618
  color: #27292a;
3978
3619
  }
3979
3620
  .ui.basic.black.buttons .active.button,
3980
3621
  .ui.basic.black.active.button {
3981
3622
  background: transparent;
3982
- -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
3983
- box-shadow: 0 0 0 1px #0f0f10 inset;
3623
+ box-shadow: 0 0 0 1px #0f0f10 inset;
3984
3624
  color: #343637;
3985
3625
  }
3986
3626
  .ui.basic.black.buttons .button:active,
3987
3627
  .ui.basic.black.button:active {
3988
- -webkit-box-shadow: 0 0 0 1px #343637 inset;
3989
- box-shadow: 0 0 0 1px #343637 inset;
3628
+ box-shadow: 0 0 0 1px #343637 inset;
3990
3629
  color: #343637;
3991
3630
  }
3992
3631
 
@@ -3994,9 +3633,8 @@
3994
3633
  .ui.inverted.black.buttons .button,
3995
3634
  .ui.inverted.black.button {
3996
3635
  background-color: transparent;
3997
- -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
3998
- box-shadow: 0 0 0 2px #D4D4D5 inset;
3999
- color: #FFFFFF;
3636
+ box-shadow: 0 0 0 2px #d4d4d5 inset;
3637
+ color: #fff;
4000
3638
  }
4001
3639
  .ui.inverted.black.buttons .button:hover,
4002
3640
  .ui.inverted.black.button:hover,
@@ -4006,9 +3644,8 @@
4006
3644
  .ui.inverted.black.button.active,
4007
3645
  .ui.inverted.black.buttons .button:active,
4008
3646
  .ui.inverted.black.button:active {
4009
- -webkit-box-shadow: none;
4010
- box-shadow: none;
4011
- color: #FFFFFF;
3647
+ box-shadow: none;
3648
+ color: #fff;
4012
3649
  }
4013
3650
  .ui.inverted.black.buttons .button:hover,
4014
3651
  .ui.inverted.black.button:hover {
@@ -4032,37 +3669,32 @@
4032
3669
  .ui.inverted.black.buttons .basic.button,
4033
3670
  .ui.inverted.black.basic.button {
4034
3671
  background-color: transparent;
4035
- -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4036
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4037
- color: #FFFFFF;
3672
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3673
+ color: #fff;
4038
3674
  }
4039
3675
  .ui.inverted.black.basic.buttons .button:hover,
4040
3676
  .ui.inverted.black.buttons .basic.button:hover,
4041
3677
  .ui.inverted.black.basic.button:hover {
4042
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4043
- box-shadow: 0 0 0 2px #000000 inset;
4044
- color: #FFFFFF;
3678
+ box-shadow: 0 0 0 2px #000000 inset;
3679
+ color: #fff;
4045
3680
  }
4046
3681
  .ui.inverted.black.basic.buttons .button:focus,
4047
3682
  .ui.inverted.black.basic.buttons .button:focus,
4048
3683
  .ui.inverted.black.basic.button:focus {
4049
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4050
- box-shadow: 0 0 0 2px #000000 inset;
3684
+ box-shadow: 0 0 0 2px #000000 inset;
4051
3685
  color: #545454;
4052
3686
  }
4053
3687
  .ui.inverted.black.basic.buttons .active.button,
4054
3688
  .ui.inverted.black.buttons .basic.active.button,
4055
3689
  .ui.inverted.black.basic.active.button {
4056
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4057
- box-shadow: 0 0 0 2px #000000 inset;
4058
- color: #FFFFFF;
3690
+ box-shadow: 0 0 0 2px #000000 inset;
3691
+ color: #fff;
4059
3692
  }
4060
3693
  .ui.inverted.black.basic.buttons .button:active,
4061
3694
  .ui.inverted.black.buttons .basic.button:active,
4062
3695
  .ui.inverted.black.basic.button:active {
4063
- -webkit-box-shadow: 0 0 0 2px #000000 inset;
4064
- box-shadow: 0 0 0 2px #000000 inset;
4065
- color: #FFFFFF;
3696
+ box-shadow: 0 0 0 2px #000000 inset;
3697
+ color: #fff;
4066
3698
  }
4067
3699
 
4068
3700
  /* Tertiary */
@@ -4070,22 +3702,19 @@
4070
3702
  .ui.tertiary.black.buttons .tertiary.button,
4071
3703
  .ui.tertiary.black.button {
4072
3704
  background: transparent;
4073
- -webkit-box-shadow: none;
4074
- box-shadow: none;
4075
- color: #1B1C1D;
3705
+ box-shadow: none;
3706
+ color: #1b1c1d;
4076
3707
  }
4077
3708
  .ui.tertiary.black.buttons .button:hover,
4078
3709
  .ui.tertiary.black.buttons button:hover,
4079
3710
  .ui.tertiary.black.button:hover {
4080
- -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
4081
- box-shadow: inset 0 -0.2em 0 #8b8f93;
3711
+ box-shadow: inset 0 -0.2em 0 #8b8f93;
4082
3712
  color: #8b8f93;
4083
3713
  }
4084
3714
  .ui.tertiary.black.buttons .button:focus,
4085
3715
  .ui.tertiary.black.buttons .tertiary.button:focus,
4086
3716
  .ui.tertiary.black.button:focus {
4087
- -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
4088
- box-shadow: inset 0 -0.2em 0 #93969a;
3717
+ box-shadow: inset 0 -0.2em 0 #93969a;
4089
3718
  color: #93969a;
4090
3719
  }
4091
3720
  .ui.tertiary.black.buttons .active.button,
@@ -4094,44 +3723,37 @@
4094
3723
  .ui.tertiary.black.buttons .button:active,
4095
3724
  .ui.tertiary.black.buttons .tertiary.button:active,
4096
3725
  .ui.tertiary.black.button:active {
4097
- -webkit-box-shadow: inset 0 -0.2em 0 #404245;
4098
- box-shadow: inset 0 -0.2em 0 #404245;
3726
+ box-shadow: inset 0 -0.2em 0 #404245;
4099
3727
  color: #0f0f10;
4100
3728
  }
4101
3729
 
4102
- /*---------------
4103
- Positive
4104
- ----------------*/
4105
-
4106
-
4107
3730
  /* Standard */
4108
3731
  .ui.positive.buttons .button,
4109
3732
  .ui.positive.button {
4110
- background-color: #21BA45;
4111
- color: #FFFFFF;
3733
+ background-color: #21ba45;
3734
+ color: #fff;
4112
3735
  text-shadow: none;
4113
3736
  background-image: none;
4114
3737
  }
4115
3738
  .ui.positive.button {
4116
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4117
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3739
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4118
3740
  }
4119
3741
  .ui.positive.buttons .button:hover,
4120
3742
  .ui.positive.button:hover {
4121
3743
  background-color: #16ab39;
4122
- color: #FFFFFF;
3744
+ color: #fff;
4123
3745
  text-shadow: none;
4124
3746
  }
4125
3747
  .ui.positive.buttons .button:focus,
4126
3748
  .ui.positive.button:focus {
4127
3749
  background-color: #0ea432;
4128
- color: #FFFFFF;
3750
+ color: #fff;
4129
3751
  text-shadow: none;
4130
3752
  }
4131
3753
  .ui.positive.buttons .button:active,
4132
3754
  .ui.positive.button:active {
4133
3755
  background-color: #198f35;
4134
- color: #FFFFFF;
3756
+ color: #fff;
4135
3757
  text-shadow: none;
4136
3758
  }
4137
3759
  .ui.positive.buttons .active.button,
@@ -4139,7 +3761,7 @@
4139
3761
  .ui.positive.active.button,
4140
3762
  .ui.positive.button .active.button:active {
4141
3763
  background-color: #13ae38;
4142
- color: #FFFFFF;
3764
+ color: #fff;
4143
3765
  text-shadow: none;
4144
3766
  }
4145
3767
 
@@ -4147,74 +3769,63 @@
4147
3769
  .ui.basic.positive.buttons .button,
4148
3770
  .ui.basic.positive.button {
4149
3771
  background: transparent;
4150
- -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
4151
- box-shadow: 0 0 0 1px #21BA45 inset;
4152
- color: #21BA45;
3772
+ box-shadow: 0 0 0 1px #21ba45 inset;
3773
+ color: #21ba45;
4153
3774
  }
4154
3775
  .ui.basic.positive.buttons .button:hover,
4155
3776
  .ui.basic.positive.button:hover {
4156
3777
  background: transparent;
4157
- -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
4158
- box-shadow: 0 0 0 1px #16ab39 inset;
3778
+ box-shadow: 0 0 0 1px #16ab39 inset;
4159
3779
  color: #16ab39;
4160
3780
  }
4161
3781
  .ui.basic.positive.buttons .button:focus,
4162
3782
  .ui.basic.positive.button:focus {
4163
3783
  background: transparent;
4164
- -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
4165
- box-shadow: 0 0 0 1px #0ea432 inset;
3784
+ box-shadow: 0 0 0 1px #0ea432 inset;
4166
3785
  color: #16ab39;
4167
3786
  }
4168
3787
  .ui.basic.positive.buttons .active.button,
4169
3788
  .ui.basic.positive.active.button {
4170
3789
  background: transparent;
4171
- -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
4172
- box-shadow: 0 0 0 1px #13ae38 inset;
3790
+ box-shadow: 0 0 0 1px #13ae38 inset;
4173
3791
  color: #198f35;
4174
3792
  }
4175
3793
  .ui.basic.positive.buttons .button:active,
4176
3794
  .ui.basic.positive.button:active {
4177
- -webkit-box-shadow: 0 0 0 1px #198f35 inset;
4178
- box-shadow: 0 0 0 1px #198f35 inset;
3795
+ box-shadow: 0 0 0 1px #198f35 inset;
4179
3796
  color: #198f35;
4180
3797
  }
4181
3798
  .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
4182
3799
  margin-left: -1px;
4183
3800
  }
4184
3801
 
4185
- /*---------------
4186
- Negative
4187
- ----------------*/
4188
-
4189
-
4190
3802
  /* Standard */
4191
3803
  .ui.negative.buttons .button,
4192
3804
  .ui.negative.button {
4193
- background-color: #DB2828;
4194
- color: #FFFFFF;
3805
+ background-color: #db2828;
3806
+ color: #fff;
4195
3807
  text-shadow: none;
4196
3808
  background-image: none;
4197
3809
  }
4198
3810
  .ui.negative.button {
4199
- -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4200
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3811
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4201
3812
  }
4202
3813
  .ui.negative.buttons .button:hover,
4203
3814
  .ui.negative.button:hover {
4204
3815
  background-color: #d01919;
4205
- color: #FFFFFF;
3816
+ color: #fff;
4206
3817
  text-shadow: none;
4207
3818
  }
4208
3819
  .ui.negative.buttons .button:focus,
4209
3820
  .ui.negative.button:focus {
4210
3821
  background-color: #ca1010;
4211
- color: #FFFFFF;
3822
+ color: #fff;
4212
3823
  text-shadow: none;
4213
3824
  }
4214
3825
  .ui.negative.buttons .button:active,
4215
3826
  .ui.negative.button:active {
4216
3827
  background-color: #b21e1e;
4217
- color: #FFFFFF;
3828
+ color: #fff;
4218
3829
  text-shadow: none;
4219
3830
  }
4220
3831
  .ui.negative.buttons .active.button,
@@ -4222,7 +3833,7 @@
4222
3833
  .ui.negative.active.button,
4223
3834
  .ui.negative.button .active.button:active {
4224
3835
  background-color: #d41515;
4225
- color: #FFFFFF;
3836
+ color: #fff;
4226
3837
  text-shadow: none;
4227
3838
  }
4228
3839
 
@@ -4230,35 +3841,30 @@
4230
3841
  .ui.basic.negative.buttons .button,
4231
3842
  .ui.basic.negative.button {
4232
3843
  background: transparent;
4233
- -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
4234
- box-shadow: 0 0 0 1px #DB2828 inset;
4235
- color: #DB2828;
3844
+ box-shadow: 0 0 0 1px #db2828 inset;
3845
+ color: #db2828;
4236
3846
  }
4237
3847
  .ui.basic.negative.buttons .button:hover,
4238
3848
  .ui.basic.negative.button:hover {
4239
3849
  background: transparent;
4240
- -webkit-box-shadow: 0 0 0 1px #d01919 inset;
4241
- box-shadow: 0 0 0 1px #d01919 inset;
3850
+ box-shadow: 0 0 0 1px #d01919 inset;
4242
3851
  color: #d01919;
4243
3852
  }
4244
3853
  .ui.basic.negative.buttons .button:focus,
4245
3854
  .ui.basic.negative.button:focus {
4246
3855
  background: transparent;
4247
- -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
4248
- box-shadow: 0 0 0 1px #ca1010 inset;
3856
+ box-shadow: 0 0 0 1px #ca1010 inset;
4249
3857
  color: #d01919;
4250
3858
  }
4251
3859
  .ui.basic.negative.buttons .active.button,
4252
3860
  .ui.basic.negative.active.button {
4253
3861
  background: transparent;
4254
- -webkit-box-shadow: 0 0 0 1px #d41515 inset;
4255
- box-shadow: 0 0 0 1px #d41515 inset;
3862
+ box-shadow: 0 0 0 1px #d41515 inset;
4256
3863
  color: #b21e1e;
4257
3864
  }
4258
3865
  .ui.basic.negative.buttons .button:active,
4259
3866
  .ui.basic.negative.button:active {
4260
- -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
4261
- box-shadow: 0 0 0 1px #b21e1e inset;
3867
+ box-shadow: 0 0 0 1px #b21e1e inset;
4262
3868
  color: #b21e1e;
4263
3869
  }
4264
3870
  .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
@@ -4267,24 +3873,18 @@
4267
3873
 
4268
3874
 
4269
3875
  /*******************************
4270
- Groups
4271
- *******************************/
3876
+ Groups
3877
+ *******************************/
4272
3878
 
4273
3879
  .ui.buttons {
4274
- display: -webkit-inline-box;
4275
- display: -ms-inline-flexbox;
4276
3880
  display: inline-flex;
4277
- -webkit-box-orient: horizontal;
4278
- -webkit-box-direction: normal;
4279
- -ms-flex-direction: row;
4280
- flex-direction: row;
3881
+ flex-direction: row;
4281
3882
  font-size: 0;
4282
3883
  vertical-align: baseline;
4283
3884
  margin: 0 0.25em 0 0;
4284
3885
  }
4285
3886
  .ui.buttons:not(.basic):not(.inverted) {
4286
- -webkit-box-shadow: none;
4287
- box-shadow: none;
3887
+ box-shadow: none;
4288
3888
  }
4289
3889
 
4290
3890
  /* Clearfix */
@@ -4298,15 +3898,12 @@
4298
3898
 
4299
3899
  /* Standard Group */
4300
3900
  .ui.buttons .button {
4301
- -webkit-box-flex: 1;
4302
- -ms-flex: 1 0 auto;
4303
- flex: 1 0 auto;
3901
+ flex: 1 0 auto;
4304
3902
  border-radius: 0;
4305
- margin: 0 0 0 0;
3903
+ margin: 0;
4306
3904
  }
4307
3905
  .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
4308
- -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4309
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3906
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4310
3907
  }
4311
3908
  .ui.buttons .button:first-child {
4312
3909
  border-left: none;
@@ -4319,26 +3916,20 @@
4319
3916
  border-bottom-right-radius: 0.28571429rem;
4320
3917
  }
4321
3918
 
4322
- /* Vertical Style */
3919
+ /* Vertical Style */
4323
3920
  .ui.vertical.buttons {
4324
- display: -webkit-inline-box;
4325
- display: -ms-inline-flexbox;
4326
3921
  display: inline-flex;
4327
- -webkit-box-orient: vertical;
4328
- -webkit-box-direction: normal;
4329
- -ms-flex-direction: column;
4330
- flex-direction: column;
3922
+ flex-direction: column;
4331
3923
  }
4332
3924
  .ui.vertical.buttons .button {
4333
3925
  display: block;
4334
3926
  float: none;
4335
3927
  width: 100%;
4336
- margin: 0 0 0 0;
3928
+ margin: 0;
4337
3929
  border-radius: 0;
4338
3930
  }
4339
3931
  .ui.vertical.buttons .button:not(.basic) {
4340
- -webkit-box-shadow: none;
4341
- box-shadow: none;
3932
+ box-shadow: none;
4342
3933
  }
4343
3934
  .ui.vertical.buttons .button:first-child {
4344
3935
  border-top-left-radius: 0.28571429rem;
@@ -4356,8 +3947,7 @@
4356
3947
  border-top: none;
4357
3948
  }
4358
3949
  .ui.wrapping.buttons {
4359
- -ms-flex-wrap: wrap;
4360
- flex-wrap: wrap;
3950
+ flex-wrap: wrap;
4361
3951
  }
4362
3952
  .ui.wrapping.basic.buttons {
4363
3953
  border-bottom: none;
@@ -4369,9 +3959,7 @@
4369
3959
  background: transparent !important;
4370
3960
  }
4371
3961
  .ui.compact.wrapping.buttons .button {
4372
- -webkit-box-flex: 0;
4373
- -ms-flex: none;
4374
- flex: none;
3962
+ flex: none;
4375
3963
  }
4376
3964
  .ui.wrapped.buttons:not(.spaced) {
4377
3965
  border-top-right-radius: 0;