semantic-ui-sass 1.12.3.0 → 2.0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui.js +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
  5. data/app/assets/javascripts/semantic-ui/api.js +395 -189
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
  7. data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
  8. data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
  9. data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
  10. data/app/assets/javascripts/semantic-ui/embed.js +662 -0
  11. data/app/assets/javascripts/semantic-ui/form.js +345 -163
  12. data/app/assets/javascripts/semantic-ui/modal.js +119 -90
  13. data/app/assets/javascripts/semantic-ui/nag.js +8 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +390 -228
  15. data/app/assets/javascripts/semantic-ui/progress.js +112 -103
  16. data/app/assets/javascripts/semantic-ui/rating.js +79 -55
  17. data/app/assets/javascripts/semantic-ui/search.js +305 -123
  18. data/app/assets/javascripts/semantic-ui/shape.js +94 -48
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
  20. data/app/assets/javascripts/semantic-ui/site.js +5 -5
  21. data/app/assets/javascripts/semantic-ui/state.js +4 -4
  22. data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
  23. data/app/assets/javascripts/semantic-ui/tab.js +220 -125
  24. data/app/assets/javascripts/semantic-ui/transition.js +205 -171
  25. data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
  26. data/app/assets/javascripts/semantic-ui/visit.js +6 -4
  27. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
  28. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
  29. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
  30. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
  31. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
  32. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
  33. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
  37. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
  38. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
  39. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
  40. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
  41. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
  42. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
  43. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
  44. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
  45. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
  46. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
  48. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
  52. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
  65. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
  66. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  67. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
  68. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
  69. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
  70. data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
  71. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
  72. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
  73. data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
  74. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
  75. data/lib/semantic/ui/sass/version.rb +2 -2
  76. data/semantic-ui-sass.gemspec +2 -2
  77. metadata +9 -6
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Message
2
+ * # Semantic UI 2.0.4 - Message
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributors
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -18,14 +18,14 @@
18
18
  position: relative;
19
19
  min-height: 1em;
20
20
  margin: 1em 0em;
21
- background: #efefef;
21
+ background: #f8f8f9;
22
22
  padding: 1em 1.5em;
23
- line-height: 1.3;
24
- color: rgba(0, 0, 0, 0.8);
25
- -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
26
- transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
27
- border-radius: 0.2857rem;
28
- box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
23
+ line-height: 1.4285em;
24
+ color: rgba(0, 0, 0, 0.87);
25
+ -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
26
+ transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
27
+ border-radius: 0.28571429rem;
28
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
29
29
  }
30
30
  .ui.message:first-child {
31
31
  margin-top: 0em;
@@ -44,12 +44,12 @@
44
44
  display: block;
45
45
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
46
46
  font-weight: bold;
47
- margin: 0em 0em 0.5rem 0em;
47
+ margin: -0.14285em 0em 0rem 0em;
48
48
  }
49
49
 
50
50
  /* Default font size */
51
51
  .ui.message .header:not(.ui) {
52
- font-size: 1.1em;
52
+ font-size: 1.14285714em;
53
53
  }
54
54
 
55
55
  /* Paragraph */
@@ -69,10 +69,11 @@
69
69
 
70
70
  /* List */
71
71
  .ui.message ul.list {
72
+ text-align: left;
73
+ padding: 0em;
72
74
  opacity: 0.85;
73
75
  list-style-position: inside;
74
76
  margin: 0.5em 0em 0em;
75
- padding: 0em;
76
77
  }
77
78
  .ui.message ul.list:first-child {
78
79
  margin-top: 0em;
@@ -107,13 +108,11 @@
107
108
  cursor: pointer;
108
109
  position: absolute;
109
110
  margin: 0em;
110
- top: 1.15em;
111
+ top: 0.78575em;
111
112
  right: 0.5em;
112
113
  opacity: 0.7;
113
- -webkit-transition: opacity 0.1s linear
114
- ;
115
- transition: opacity 0.1s linear
116
- ;
114
+ -webkit-transition: opacity 0.1s ease;
115
+ transition: opacity 0.1s ease;
117
116
  }
118
117
  .ui.message > .close.icon:hover {
119
118
  opacity: 1;
@@ -128,6 +127,15 @@
128
127
  }
129
128
 
130
129
 
130
+ /*******************************
131
+ Coupling
132
+ *******************************/
133
+
134
+ .ui.dropdown .menu > .message {
135
+ margin: 0px -1px;
136
+ }
137
+
138
+
131
139
  /*******************************
132
140
  States
133
141
  *******************************/
@@ -141,7 +149,10 @@
141
149
  display: block;
142
150
  }
143
151
  .ui.icon.visible.visible.visible.visible.message {
144
- display: table;
152
+ display: -webkit-box;
153
+ display: -webkit-flex;
154
+ display: -ms-flexbox;
155
+ display: flex;
145
156
  }
146
157
 
147
158
  /*--------------
@@ -172,8 +183,8 @@
172
183
 
173
184
  .ui.attached.message {
174
185
  margin-bottom: -1px;
175
- border-radius: 0.2857rem 0.2857rem 0em 0em;
176
- box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
186
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
187
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
177
188
  margin-left: -1px;
178
189
  margin-right: -1px;
179
190
  }
@@ -183,14 +194,13 @@
183
194
  }
184
195
  .ui.bottom.attached.message {
185
196
  margin-top: -1px;
186
- border-radius: 0em 0em 0.2857rem 0.2857rem;
187
- box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
197
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
198
+ box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
188
199
  }
189
200
  .ui.bottom.attached.message:not(:last-child) {
190
201
  margin-bottom: 1em;
191
202
  }
192
203
  .ui.attached.icon.message {
193
- display: block;
194
204
  width: auto;
195
205
  }
196
206
 
@@ -199,38 +209,49 @@
199
209
  ---------------*/
200
210
 
201
211
  .ui.icon.message {
202
- display: table;
212
+ display: -webkit-box;
213
+ display: -webkit-flex;
214
+ display: -ms-flexbox;
215
+ display: flex;
203
216
  width: 100%;
217
+ -webkit-box-align: center;
218
+ -webkit-align-items: center;
219
+ -ms-flex-align: center;
220
+ align-items: center;
204
221
  }
205
222
  .ui.icon.message > .icon:not(.close) {
206
- display: table-cell;
223
+ display: block;
224
+ -webkit-box-flex: 0;
225
+ -webkit-flex: 0 1 auto;
226
+ -ms-flex: 0 1 auto;
227
+ flex: 0 1 auto;
207
228
  width: auto;
229
+ line-height: 1;
208
230
  vertical-align: middle;
209
231
  font-size: 3em;
210
232
  opacity: 0.8;
211
233
  }
212
234
  .ui.icon.message > .content {
213
- display: table-cell;
214
- width: 100%;
235
+ display: block;
236
+ -webkit-box-flex: 1;
237
+ -webkit-flex: 1 1 auto;
238
+ -ms-flex: 1 1 auto;
239
+ flex: 1 1 auto;
215
240
  vertical-align: middle;
216
241
  }
217
242
  .ui.icon.message .icon:not(.close) + .content {
218
- padding-left: 1.5rem;
243
+ padding-left: 0rem;
219
244
  }
220
245
  .ui.icon.message .circular.icon {
221
246
  width: 1em;
222
247
  }
223
- .ui.icon.message .circular.icon + .content {
224
- width: auto;
225
- padding-left: 2em;
226
- }
227
248
 
228
249
  /*--------------
229
250
  Floating
230
251
  ---------------*/
231
252
 
232
253
  .ui.floating.message {
233
- box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
254
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
234
255
  }
235
256
 
236
257
  /*--------------
@@ -239,7 +260,7 @@
239
260
 
240
261
  .ui.black.message {
241
262
  background-color: #1b1c1d;
242
- color: #ffffff;
263
+ color: rgba(255, 255, 255, 0.9);
243
264
  }
244
265
 
245
266
  /*--------------
@@ -249,25 +270,25 @@
249
270
 
250
271
  /* Positive */
251
272
  .ui.positive.message {
252
- background-color: #eeffe7;
253
- color: #3c763d;
273
+ background-color: #fcfff5;
274
+ color: #2c662d;
254
275
  }
255
276
  .ui.positive.message,
256
277
  .ui.attached.positive.message {
257
- box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
278
+ box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
258
279
  }
259
280
  .ui.positive.message .header {
260
- color: #356e36;
281
+ color: #1a531b;
261
282
  }
262
283
 
263
284
  /* Negative */
264
285
  .ui.negative.message {
265
- background-color: #fff0f0;
266
- color: #a94442;
286
+ background-color: #fff6f6;
287
+ color: #9f3a38;
267
288
  }
268
289
  .ui.negative.message,
269
290
  .ui.attached.negative.message {
270
- box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
291
+ box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
271
292
  }
272
293
  .ui.negative.message .header {
273
294
  color: #912d2b;
@@ -275,38 +296,38 @@
275
296
 
276
297
  /* Info */
277
298
  .ui.info.message {
278
- background-color: #e9faff;
279
- color: #337b92;
299
+ background-color: #f8ffff;
300
+ color: #276f86;
280
301
  }
281
302
  .ui.info.message,
282
303
  .ui.attached.info.message {
283
- box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
304
+ box-shadow: 0px 0px 0px 1px #a9d5de inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
284
305
  }
285
306
  .ui.info.message .header {
286
- color: #297187;
307
+ color: #0e566c;
287
308
  }
288
309
 
289
310
  /* Warning */
290
311
  .ui.warning.message {
291
- background-color: #fffbe6;
292
- color: #876a38;
312
+ background-color: #fffaf3;
313
+ color: #573a08;
293
314
  }
294
315
  .ui.warning.message,
295
316
  .ui.attached.warning.message {
296
- box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
317
+ box-shadow: 0px 0px 0px 1px #c9ba9b inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
297
318
  }
298
319
  .ui.warning.message .header {
299
- color: #825c01;
320
+ color: #794b02;
300
321
  }
301
322
 
302
323
  /* Error */
303
324
  .ui.error.message {
304
- background-color: #fff0f0;
305
- color: #a94442;
325
+ background-color: #fff6f6;
326
+ color: #9f3a38;
306
327
  }
307
328
  .ui.error.message,
308
329
  .ui.attached.error.message {
309
- box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
330
+ box-shadow: 0px 0px 0px 1px #e0b4b4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
310
331
  }
311
332
  .ui.error.message .header {
312
333
  color: #912d2b;
@@ -314,78 +335,99 @@
314
335
 
315
336
  /* Success */
316
337
  .ui.success.message {
317
- background-color: #eeffe7;
318
- color: #3c763d;
338
+ background-color: #fcfff5;
339
+ color: #2c662d;
319
340
  }
320
341
  .ui.success.message,
321
342
  .ui.attached.success.message {
322
- box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
343
+ box-shadow: 0px 0px 0px 1px #a3c293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
323
344
  }
324
345
  .ui.success.message .header {
325
- color: #356e36;
346
+ color: #1a531b;
326
347
  }
327
348
 
328
349
  /* Colors */
329
350
  .ui.inverted.message,
330
351
  .ui.black.message {
331
352
  background-color: #1b1c1d;
332
- color: #ffffff;
333
- }
334
- .ui.blue.message {
335
- background-color: #dff0ff;
336
- color: #3b83c0;
337
- }
338
- .ui.blue.message .header {
339
- color: #3576ac;
353
+ color: rgba(255, 255, 255, 0.9);
340
354
  }
341
- .ui.green.message {
342
- background-color: #ebffed;
343
- color: #1ebc30;
355
+ .ui.red.message {
356
+ background-color: #ffe8e6;
357
+ color: #db2828;
344
358
  }
345
- .ui.green.message .header {
346
- color: #1aa62a;
359
+ .ui.red.message .header {
360
+ color: #c82121;
347
361
  }
348
362
  .ui.orange.message {
349
363
  background-color: #ffedde;
350
- color: #e07b53;
364
+ color: #f2711c;
351
365
  }
352
366
  .ui.orange.message .header {
353
- color: #dc6a3d;
367
+ color: #e7640d;
354
368
  }
355
- .ui.pink.message {
356
- background-color: #ffe3fb;
357
- color: #d9499a;
369
+ .ui.yellow.message {
370
+ background-color: #fff8db;
371
+ color: #b58105;
358
372
  }
359
- .ui.pink.message .header {
360
- color: #d5348e;
373
+ .ui.yellow.message .header {
374
+ color: #9c6f04;
361
375
  }
362
- .ui.purple.message {
363
- background-color: #eae7ff;
364
- color: #564f8a;
376
+ .ui.olive.message {
377
+ background-color: #fbfdef;
378
+ color: #8abc1e;
365
379
  }
366
- .ui.purple.message .header {
367
- color: #4c467a;
380
+ .ui.olive.message .header {
381
+ color: #7aa61a;
368
382
  }
369
- .ui.red.message {
370
- background-color: #ffe8e6;
371
- color: #d95c5c;
383
+ .ui.green.message {
384
+ background-color: #e5f9e7;
385
+ color: #1ebc30;
372
386
  }
373
- .ui.red.message .header {
374
- color: #d44747;
387
+ .ui.green.message .header {
388
+ color: #1aa62a;
375
389
  }
376
390
  .ui.teal.message {
377
- background-color: #e9ffff;
391
+ background-color: #e1f7f7;
378
392
  color: #10a3a3;
379
393
  }
380
394
  .ui.teal.message .header {
381
395
  color: #0e8c8c;
382
396
  }
383
- .ui.yellow.message {
384
- background-color: #fff8db;
385
- color: #b58105;
397
+ .ui.blue.message {
398
+ background-color: #dff0ff;
399
+ color: #2185d0;
386
400
  }
387
- .ui.yellow.message .header {
388
- color: #9c6f04;
401
+ .ui.blue.message .header {
402
+ color: #1e77ba;
403
+ }
404
+ .ui.violet.message {
405
+ background-color: #eae7ff;
406
+ color: #6435c9;
407
+ }
408
+ .ui.violet.message .header {
409
+ color: #5a30b5;
410
+ }
411
+ .ui.purple.message {
412
+ background-color: #f6e7ff;
413
+ color: #a333c8;
414
+ }
415
+ .ui.purple.message .header {
416
+ color: #922eb4;
417
+ }
418
+ .ui.pink.message {
419
+ background-color: #ffe3fb;
420
+ color: #e03997;
421
+ }
422
+ .ui.pink.message .header {
423
+ color: #dd238b;
424
+ }
425
+ .ui.brown.message {
426
+ background-color: #f1e2d3;
427
+ color: #a5673f;
428
+ }
429
+ .ui.brown.message .header {
430
+ color: #935b38;
389
431
  }
390
432
 
391
433
  /*--------------
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Table
2
+ * # Semantic UI 2.0.4 - Table
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributors
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -20,10 +20,11 @@
20
20
  width: 100%;
21
21
  background: #ffffff;
22
22
  margin: 1em 0em;
23
- border: 1px solid #d0d0d0;
23
+ border: 1px solid rgba(34, 36, 38, 0.15);
24
24
  box-shadow: none;
25
- border-radius: 0.25rem;
26
- color: rgba(0, 0, 0, 0.8);
25
+ border-radius: 0.28571429rem;
26
+ text-align: left;
27
+ color: rgba(0, 0, 0, 0.87);
27
28
  border-collapse: separate;
28
29
  border-spacing: 0px;
29
30
  }
@@ -43,8 +44,8 @@
43
44
  /* Table Content */
44
45
  .ui.table th,
45
46
  .ui.table td {
46
- -webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
47
- transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
47
+ -webkit-transition: background 0.1s ease, color 0.1s ease;
48
+ transition: background 0.1s ease, color 0.1s ease;
48
49
  }
49
50
 
50
51
  /* Headers */
@@ -53,28 +54,28 @@
53
54
  }
54
55
  .ui.table thead th {
55
56
  cursor: auto;
56
- background: #f0f0f0;
57
- text-align: left;
58
- color: rgba(0, 0, 0, 0.8);
59
- padding: 0.7em 0.8em;
60
- vertical-align: middle;
57
+ background: #f9fafb;
58
+ text-align: inherit;
59
+ color: rgba(0, 0, 0, 0.87);
60
+ padding: 0.92857143em 0.71428571em;
61
+ vertical-align: inherit;
61
62
  font-style: none;
62
63
  font-weight: bold;
63
64
  text-transform: none;
64
- border-bottom: 1px solid #d4d4d5;
65
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
65
66
  border-left: none;
66
67
  }
67
68
  .ui.table thead tr > th:first-child {
68
69
  border-left: none;
69
70
  }
70
71
  .ui.table thead tr:first-child > th:first-child {
71
- border-radius: 0.25rem 0em 0em 0em;
72
+ border-radius: 0.28571429rem 0em 0em 0em;
72
73
  }
73
74
  .ui.table thead tr:first-child > th:last-child {
74
- border-radius: 0em 0.25rem 0em 0em;
75
+ border-radius: 0em 0.28571429rem 0em 0em;
75
76
  }
76
77
  .ui.table thead tr:first-child > th:only-child {
77
- border-radius: 0.25rem 0.25rem 0em 0em;
78
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
78
79
  }
79
80
 
80
81
  /* Footer */
@@ -83,11 +84,11 @@
83
84
  }
84
85
  .ui.table tfoot th {
85
86
  cursor: auto;
86
- border-top: 1px solid #d4d4d5;
87
- background: #ffffff;
88
- text-align: left;
89
- color: rgba(0, 0, 0, 0.8);
90
- padding: 0.7em 0.8em;
87
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
88
+ background: #f9fafb;
89
+ text-align: inherit;
90
+ color: rgba(0, 0, 0, 0.87);
91
+ padding: 0.71428571em 0.71428571em;
91
92
  vertical-align: middle;
92
93
  font-style: normal;
93
94
  font-weight: normal;
@@ -97,18 +98,18 @@
97
98
  border-left: none;
98
99
  }
99
100
  .ui.table tfoot tr:first-child > th:first-child {
100
- border-radius: 0em 0em 0em 0.25rem;
101
+ border-radius: 0em 0em 0em 0.28571429rem;
101
102
  }
102
103
  .ui.table tfoot tr:first-child > th:last-child {
103
- border-radius: 0em 0em 0.25rem 0em;
104
+ border-radius: 0em 0em 0.28571429rem 0em;
104
105
  }
105
106
  .ui.table tfoot tr:first-child > th:only-child {
106
- border-radius: 0em 0em 0.25rem 0.25rem;
107
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
107
108
  }
108
109
 
109
110
  /* Table Row */
110
111
  .ui.table tr td {
111
- border-top: 1px solid #d4d4d5;
112
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
112
113
  }
113
114
  .ui.table tr:first-child td {
114
115
  border-top: none;
@@ -116,9 +117,8 @@
116
117
 
117
118
  /* Table Cells */
118
119
  .ui.table td {
119
- padding: 0.7em 0.8em;
120
- text-align: left;
121
- vertical-align: middle;
120
+ padding: 0.71428571em 0.71428571em;
121
+ text-align: inherit;
122
122
  }
123
123
 
124
124
  /* Icons */
@@ -161,43 +161,27 @@
161
161
  .ui.table:not(.unstackable) tfoot {
162
162
  display: block;
163
163
  }
164
+ .ui.table:not(.unstackable) tr {
165
+ padding-top: 1em;
166
+ padding-bottom: 1em;
167
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
168
+ }
164
169
  .ui.table:not(.unstackable) tr > th,
165
170
  .ui.table:not(.unstackable) tr > td {
166
171
  background: none;
167
172
  border: none !important;
168
- padding: 0.25em 0.75em;
173
+ padding: 0.25em 0.75em !important;
169
174
  box-shadow: none !important;
170
175
  }
171
176
  .ui.table:not(.unstackable) th:first-child,
172
177
  .ui.table:not(.unstackable) td:first-child {
173
178
  font-weight: bold;
174
- padding-top: 1em;
175
- }
176
- .ui.table:not(.unstackable) th:last-child,
177
- .ui.table:not(.unstackable) td:last-child {
178
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
179
- padding-bottom: 1em;
180
- }
181
-
182
- /* Clear BG Colors */
183
- .ui.table:not(.unstackable) tr > td.warning,
184
- .ui.table:not(.unstackable) tr > td.error,
185
- .ui.table:not(.unstackable) tr > td.active,
186
- .ui.table:not(.unstackable) tr > td.positive,
187
- .ui.table:not(.unstackable) tr > td.negative {
188
- background-color: transparent !important;
189
179
  }
190
180
 
191
181
  /* Definition Table */
192
182
  .ui.definition.table:not(.unstackable) thead th:first-child {
193
183
  box-shadow: none !important;
194
184
  }
195
- .ui.definition.table:not(.unstackable) tr td:first-child {
196
- padding-bottom: 1em;
197
- }
198
- .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
199
- padding-top: 1em;
200
- }
201
185
  }
202
186
 
203
187
 
@@ -232,8 +216,8 @@
232
216
  border-right: none;
233
217
  }
234
218
  .ui.structured.sortable.table thead th {
235
- border-left: 1px solid #d0d0d0;
236
- border-right: 1px solid #d0d0d0;
219
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
220
+ border-right: 1px solid rgba(34, 36, 38, 0.15);
237
221
  }
238
222
  .ui.structured.basic.table th {
239
223
  border-left: none;
@@ -241,8 +225,8 @@
241
225
  }
242
226
  .ui.structured.celled.table tr th,
243
227
  .ui.structured.celled.table tr td {
244
- border-left: 1px solid #d4d4d5;
245
- border-right: 1px solid #d4d4d5;
228
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
229
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
246
230
  }
247
231
 
248
232
  /*--------------
@@ -276,18 +260,18 @@
276
260
  .ui.definition.table tr td:first-child {
277
261
  background: rgba(0, 0, 0, 0.03);
278
262
  font-weight: bold;
279
- color: rgba(0, 0, 0, 0.8);
263
+ color: rgba(0, 0, 0, 0.95);
280
264
  }
281
265
 
282
266
  /* Fix 2nd Column */
283
267
  .ui.definition.table thead:not(.full-width) th:nth-child(2) {
284
- border-left: 1px solid #d0d0d0;
268
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
285
269
  }
286
270
  .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
287
- border-left: 1px solid #d0d0d0;
271
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
288
272
  }
289
273
  .ui.definition.table td:nth-child(2) {
290
- border-left: 1px solid #d0d0d0;
274
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
291
275
  }
292
276
 
293
277
 
@@ -302,17 +286,12 @@
302
286
 
303
287
  .ui.table tr.positive,
304
288
  .ui.table td.positive {
305
- box-shadow: 0px 0px 0px #b7caa7 inset;
289
+ box-shadow: 0px 0px 0px #a3c293 inset;
306
290
  }
307
- .ui.table tr.positive td,
291
+ .ui.table tr.positive,
308
292
  .ui.table td.positive {
309
- background: #eeffe7 !important;
310
- color: #3c763d !important;
311
- }
312
- .ui.celled.table tr.positive:hover td,
313
- .ui.celled.table tr:hover td.positive {
314
- background: #e3ffd8 !important;
315
- color: #376c38 !important;
293
+ background: #fcfff5 !important;
294
+ color: #2c662d !important;
316
295
  }
317
296
 
318
297
  /*--------------
@@ -321,17 +300,12 @@
321
300
 
322
301
  .ui.table tr.negative,
323
302
  .ui.table td.negative {
324
- box-shadow: 0px 0px 0px #dbb1b1 inset;
303
+ box-shadow: 0px 0px 0px #e0b4b4 inset;
325
304
  }
326
- .ui.table tr.negative td,
305
+ .ui.table tr.negative,
327
306
  .ui.table td.negative {
328
- background: #fff0f0 !important;
329
- color: #cd2929 !important;
330
- }
331
- .ui.celled.table tr.negative:hover td,
332
- .ui.celled.table tr:hover td.negative {
333
- background: #ffe1e1 !important;
334
- color: #c02626 !important;
307
+ background: #fff6f6 !important;
308
+ color: #9f3a38 !important;
335
309
  }
336
310
 
337
311
  /*--------------
@@ -340,17 +314,12 @@
340
314
 
341
315
  .ui.table tr.error,
342
316
  .ui.table td.error {
343
- box-shadow: 0px 0px 0px #dbb1b1 inset;
317
+ box-shadow: 0px 0px 0px #e0b4b4 inset;
344
318
  }
345
- .ui.table tr.error td,
319
+ .ui.table tr.error,
346
320
  .ui.table td.error {
347
- background: #fff0f0 !important;
348
- color: #cd2929 !important;
349
- }
350
- .ui.celled.table tr.error:hover td,
351
- .ui.celled.table tr:hover td.error {
352
- background: #ffe1e1 !important;
353
- color: #c02626 !important;
321
+ background: #fff6f6 !important;
322
+ color: #9f3a38 !important;
354
323
  }
355
324
 
356
325
  /*--------------
@@ -359,17 +328,12 @@
359
328
 
360
329
  .ui.table tr.warning,
361
330
  .ui.table td.warning {
362
- box-shadow: 0px 0px 0px #d9caab inset;
331
+ box-shadow: 0px 0px 0px #c9ba9b inset;
363
332
  }
364
- .ui.table tr.warning td,
333
+ .ui.table tr.warning,
365
334
  .ui.table td.warning {
366
- background: #fffbe6 !important;
367
- color: #7d6c00 !important;
368
- }
369
- .ui.celled.table tr.warning:hover td,
370
- .ui.celled.table tr:hover td.warning {
371
- background: #fff9d7 !important;
372
- color: #6e5f00 !important;
335
+ background: #fffaf3 !important;
336
+ color: #573a08 !important;
373
337
  }
374
338
 
375
339
  /*--------------
@@ -378,17 +342,12 @@
378
342
 
379
343
  .ui.table tr.active,
380
344
  .ui.table td.active {
381
- box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset;
345
+ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
382
346
  }
383
- .ui.table tr.active td,
347
+ .ui.table tr.active,
384
348
  .ui.table td.active {
385
349
  background: #e0e0e0 !important;
386
- color: rgba(50, 50, 50, 0.9) !important;
387
- }
388
- .ui.celled.table tr.active:hover td,
389
- .ui.celled.table tr:hover td.active {
390
- background: #e0e0e0 !important;
391
- color: rgba(50, 50, 50, 0.9) !important;
350
+ color: rgba(0, 0, 0, 0.87) !important;
392
351
  }
393
352
 
394
353
  /*--------------
@@ -397,7 +356,7 @@
397
356
 
398
357
  .ui.table tr.disabled td,
399
358
  .ui.table tr td.disabled,
400
- .ui.table tr.disabled:hover td,
359
+ .ui.table tr.disabled:hover,
401
360
  .ui.table tr:hover td.disabled {
402
361
  pointer-events: none;
403
362
  color: rgba(40, 40, 40, 0.3);
@@ -431,6 +390,11 @@
431
390
  .ui[class*="tablet stackable"].table tfoot {
432
391
  display: block;
433
392
  }
393
+ .ui[class*="tablet stackable"].table tr {
394
+ padding-top: 1em;
395
+ padding-bottom: 1em;
396
+ box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
397
+ }
434
398
  .ui[class*="tablet stackable"].table tr > th,
435
399
  .ui[class*="tablet stackable"].table tr > td {
436
400
  background: none;
@@ -438,40 +402,15 @@
438
402
  padding: 0.25em 0.75em;
439
403
  box-shadow: none !important;
440
404
  }
441
- .ui[class*="tablet stackable"].table th:first-child,
442
- .ui[class*="tablet stackable"].table td:first-child {
443
- font-weight: bold;
444
- padding-top: 1em;
445
- }
446
- .ui[class*="tablet stackable"].table th:last-child,
447
- .ui[class*="tablet stackable"].table td:last-child {
448
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
449
- padding-bottom: 1em;
450
- }
451
-
452
- /* Clear BG Colors */
453
- .ui[class*="tablet stackable"].table tr > td.warning,
454
- .ui[class*="tablet stackable"].table tr > td.error,
455
- .ui[class*="tablet stackable"].table tr > td.active,
456
- .ui[class*="tablet stackable"].table tr > td.positive,
457
- .ui[class*="tablet stackable"].table tr > td.negative {
458
- background-color: transparent !important;
459
- }
460
405
 
461
406
  /* Definition Table */
462
407
  .ui.definition[class*="tablet stackable"].table thead th:first-child {
463
408
  box-shadow: none !important;
464
409
  }
465
- .ui.definition[class*="tablet stackable"].table tr td:first-child {
466
- padding-bottom: 1em;
467
- }
468
- .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
469
- padding-top: 1em;
470
- }
471
410
  }
472
411
 
473
412
  /*--------------
474
- Aligned
413
+ Text Alignment
475
414
  ---------------*/
476
415
 
477
416
  .ui.table[class*="left aligned"],
@@ -487,6 +426,23 @@
487
426
  text-align: right;
488
427
  }
489
428
 
429
+ /*------------------
430
+ Vertical Alignment
431
+ ------------------*/
432
+
433
+ .ui.table[class*="top aligned"],
434
+ .ui.table [class*="top aligned"] {
435
+ vertical-align: top;
436
+ }
437
+ .ui.table[class*="middle aligned"],
438
+ .ui.table [class*="middle aligned"] {
439
+ vertical-align: middle;
440
+ }
441
+ .ui.table[class*="bottom aligned"],
442
+ .ui.table [class*="bottom aligned"] {
443
+ vertical-align: bottom;
444
+ }
445
+
490
446
  /*--------------
491
447
  Collapsing
492
448
  ---------------*/
@@ -498,35 +454,87 @@
498
454
  }
499
455
 
500
456
  /*--------------
501
- Attached
457
+ Hoverable
502
458
  ---------------*/
503
459
 
460
+ .ui.selectable.table tbody tr:hover {
461
+ background: rgba(0, 0, 0, 0.05) !important;
462
+ color: rgba(0, 0, 0, 0.95) !important;
463
+ }
464
+ .ui.selectable.inverted.table tbody tr:hover {
465
+ background: rgba(255, 255, 255, 0.08) !important;
466
+ color: #ffffff !important;
467
+ }
468
+
469
+ /* Other States */
470
+ .ui.selectable.table tr.error:hover,
471
+ .ui.selectable.table tr:hover td.error {
472
+ background: #ffe7e7 !important;
473
+ color: #943634 !important;
474
+ }
475
+ .ui.selectable.table tr.warning:hover,
476
+ .ui.selectable.table tr:hover td.warning {
477
+ background: #fff4e4 !important;
478
+ color: #493107 !important;
479
+ }
480
+ .ui.selectable.table tr.active:hover,
481
+ .ui.selectable.table tr:hover td.active {
482
+ background: #e0e0e0 !important;
483
+ color: rgba(0, 0, 0, 0.87) !important;
484
+ }
485
+ .ui.selectable.table tr.positive:hover,
486
+ .ui.selectable.table tr:hover td.positive {
487
+ background: #f7ffe6 !important;
488
+ color: #275b28 !important;
489
+ }
490
+ .ui.selectable.table tr.negative:hover,
491
+ .ui.selectable.table tr:hover td.negative {
492
+ background: #ffe7e7 !important;
493
+ color: #943634 !important;
494
+ }
495
+
496
+ /*-------------------
497
+ Attached
498
+ --------------------*/
499
+
504
500
 
505
- /* All */
501
+ /* Middle */
506
502
  .ui.attached.table {
507
- width: -webkit-calc(100% + 2px );
508
- width: calc(100% + 2px );
509
- margin: 0em -1px;
503
+ top: 0px;
504
+ bottom: 0px;
510
505
  border-radius: 0px;
506
+ margin: 0em -1px;
507
+ width: calc(100% + 2px );
508
+ max-width: calc(100% + 2px );
511
509
  box-shadow: none;
510
+ border: 1px solid #d4d4d5;
511
+ }
512
+ .ui.attached + .ui.attached.table:not(.top) {
513
+ border-top: none;
512
514
  }
513
515
 
514
516
  /* Top */
515
517
  .ui[class*="top attached"].table {
516
- margin-top: 1em 0em;
517
- border-radius: 0.25rem 0.25rem 0em 0em;
518
+ bottom: 0px;
519
+ margin-bottom: 0em;
520
+ top: 0px;
521
+ margin-top: 1em;
522
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
518
523
  }
519
524
  .ui.table[class*="top attached"]:first-child {
520
525
  margin-top: 0em;
521
526
  }
522
527
 
523
528
  /* Bottom */
524
- .ui.table[class*="bottom attached"] {
529
+ .ui[class*="bottom attached"].table {
530
+ bottom: 0px;
525
531
  margin-top: 0em;
526
- margin-bottom: 1em 0em;
527
- border-radius: 0em 0em 0.25rem 0.25rem;
532
+ top: 0px;
533
+ margin-bottom: 1em;
534
+ box-shadow: none, none;
535
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
528
536
  }
529
- .ui.table[class*="bottom attached"]:last-child {
537
+ .ui[class*="bottom attached"].table:last-child {
530
538
  margin-bottom: 0em;
531
539
  }
532
540
 
@@ -538,86 +546,143 @@
538
546
  /* Table Striping */
539
547
  .ui.striped.table > tr:nth-child(2n),
540
548
  .ui.striped.table tbody tr:nth-child(2n) {
541
- background-color: rgba(0, 0, 50, 0.03);
549
+ background-color: rgba(0, 0, 50, 0.02);
542
550
  }
543
551
 
544
552
  /* Stripes */
545
553
  .ui.inverted.striped.table > tr:nth-child(2n),
546
554
  .ui.inverted.striped.table tbody tr:nth-child(2n) {
547
- background-color: rgba(255, 255, 255, 0.06);
555
+ background-color: rgba(255, 255, 255, 0.05);
556
+ }
557
+
558
+ /*--------------
559
+ Single Line
560
+ ---------------*/
561
+
562
+ .ui.table[class*="single line"],
563
+ .ui.table [class*="single line"] {
564
+ white-space: nowrap;
548
565
  }
549
566
 
550
567
  /*-------------------
551
568
  Colors
552
569
  --------------------*/
553
570
 
554
- .ui.black.table {
555
- border-top: 0.2em solid #1b1c1d;
556
- }
557
- .ui.blue.table {
558
- border-top: 0.2em solid #3b83c0;
571
+
572
+ /* Red */
573
+ .ui.red.table {
574
+ border-top: 0.2em solid #db2828;
559
575
  }
560
- .ui.green.table {
561
- border-top: 0.2em solid #5bbd72;
576
+ .ui.inverted.red.table {
577
+ background-color: #db2828 !important;
578
+ color: #ffffff !important;
562
579
  }
580
+
581
+ /* Orange */
563
582
  .ui.orange.table {
564
- border-top: 0.2em solid #e07b53;
583
+ border-top: 0.2em solid #f2711c;
565
584
  }
566
- .ui.pink.table {
567
- border-top: 0.2em solid #d9499a;
585
+ .ui.inverted.orange.table {
586
+ background-color: #f2711c !important;
587
+ color: #ffffff !important;
568
588
  }
569
- .ui.purple.table {
570
- border-top: 0.2em solid #564f8a;
589
+
590
+ /* Yellow */
591
+ .ui.yellow.table {
592
+ border-top: 0.2em solid #fbbd08;
571
593
  }
572
- .ui.red.table {
573
- border-top: 0.2em solid #d95c5c;
594
+ .ui.inverted.yellow.table {
595
+ background-color: #fbbd08 !important;
596
+ color: #ffffff !important;
574
597
  }
575
- .ui.teal.table {
576
- border-top: 0.2em solid #00b5ad;
598
+
599
+ /* Olive */
600
+ .ui.olive.table {
601
+ border-top: 0.2em solid #b5cc18;
577
602
  }
578
- .ui.yellow.table {
579
- border-top: 0.2em solid #f2c61f;
603
+ .ui.inverted.olive.table {
604
+ background-color: #b5cc18 !important;
605
+ color: #ffffff !important;
580
606
  }
581
607
 
582
- /*-------------------
583
- Inverted Colors
584
- --------------------*/
608
+ /* Green */
609
+ .ui.green.table {
610
+ border-top: 0.2em solid #21ba45;
611
+ }
612
+ .ui.inverted.green.table {
613
+ background-color: #21ba45 !important;
614
+ color: #ffffff !important;
615
+ }
585
616
 
586
- .ui.inverted.table,
587
- .ui.inverted.black.table {
588
- background-color: #1b1c1d !important;
617
+ /* Teal */
618
+ .ui.teal.table {
619
+ border-top: 0.2em solid #00b5ad;
620
+ }
621
+ .ui.inverted.teal.table {
622
+ background-color: #00b5ad !important;
589
623
  color: #ffffff !important;
590
624
  }
625
+
626
+ /* Blue */
627
+ .ui.blue.table {
628
+ border-top: 0.2em solid #2185d0;
629
+ }
591
630
  .ui.inverted.blue.table {
592
- background-color: #3b83c0 !important;
631
+ background-color: #2185d0 !important;
593
632
  color: #ffffff !important;
594
633
  }
595
- .ui.inverted.green.table {
596
- background-color: #5bbd72 !important;
634
+
635
+ /* Violet */
636
+ .ui.violet.table {
637
+ border-top: 0.2em solid #6435c9;
638
+ }
639
+ .ui.inverted.violet.table {
640
+ background-color: #6435c9 !important;
597
641
  color: #ffffff !important;
598
642
  }
599
- .ui.inverted.orange.table {
600
- background-color: #e07b53 !important;
643
+
644
+ /* Purple */
645
+ .ui.purple.table {
646
+ border-top: 0.2em solid #a333c8;
647
+ }
648
+ .ui.inverted.purple.table {
649
+ background-color: #a333c8 !important;
601
650
  color: #ffffff !important;
602
651
  }
652
+
653
+ /* Pink */
654
+ .ui.pink.table {
655
+ border-top: 0.2em solid #e03997;
656
+ }
603
657
  .ui.inverted.pink.table {
604
- background-color: #d9499a !important;
658
+ background-color: #e03997 !important;
605
659
  color: #ffffff !important;
606
660
  }
607
- .ui.inverted.purple.table {
608
- background-color: #564f8a !important;
609
- color: #ffffff !important;
661
+
662
+ /* Brown */
663
+ .ui.brown.table {
664
+ border-top: 0.2em solid #a5673f;
610
665
  }
611
- .ui.inverted.red.table {
612
- background-color: #d95c5c !important;
666
+ .ui.inverted.brown.table {
667
+ background-color: #a5673f !important;
613
668
  color: #ffffff !important;
614
669
  }
615
- .ui.inverted.teal.table {
616
- background-color: #00b5ad !important;
670
+
671
+ /* Grey */
672
+ .ui.grey.table {
673
+ border-top: 0.2em solid #767676;
674
+ }
675
+ .ui.inverted.grey.table {
676
+ background-color: #767676 !important;
617
677
  color: #ffffff !important;
618
678
  }
619
- .ui.inverted.yellow.table {
620
- background-color: #f2c61f !important;
679
+
680
+ /* Black */
681
+ .ui.black.table {
682
+ border-top: 0.2em solid #1b1c1d;
683
+ }
684
+ .ui.inverted.black.table {
685
+ background-color: #1b1c1d !important;
621
686
  color: #ffffff !important;
622
687
  }
623
688
 
@@ -749,8 +814,8 @@
749
814
  .ui.sortable.table thead th {
750
815
  cursor: pointer;
751
816
  white-space: nowrap;
752
- border-left: 1px solid #d0d0d0;
753
- color: rgba(0, 0, 0, 0.8);
817
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
818
+ color: rgba(0, 0, 0, 0.87);
754
819
  }
755
820
  .ui.sortable.table thead th:first-child {
756
821
  border-left: none;
@@ -763,22 +828,22 @@
763
828
  user-select: none;
764
829
  }
765
830
  .ui.sortable.table thead th:after {
766
- display: inline-block;
831
+ display: none;
832
+ font-style: normal;
833
+ font-weight: normal;
834
+ text-decoration: inherit;
767
835
  content: '';
768
- width: 1em;
769
836
  height: 1em;
837
+ width: auto;
770
838
  opacity: 0.8;
771
839
  margin: 0em 0em 0em 0.5em;
772
840
  font-family: 'Icons';
773
- font-style: normal;
774
- font-weight: normal;
775
- text-decoration: inherit;
776
841
  }
777
842
  .ui.sortable.table thead th.ascending:after {
778
- content: '\f0d7';
843
+ content: '\f0d8';
779
844
  }
780
845
  .ui.sortable.table thead th.descending:after {
781
- content: '\f0d8';
846
+ content: '\f0d7';
782
847
  }
783
848
 
784
849
  /* Hover */
@@ -794,24 +859,27 @@
794
859
  /* Sorted */
795
860
  .ui.sortable.table thead th.sorted {
796
861
  background: rgba(0, 0, 0, 0.05);
797
- color: rgba(0, 0, 0, 0.8);
862
+ color: rgba(0, 0, 0, 0.95);
863
+ }
864
+ .ui.sortable.table thead th.sorted:after {
865
+ display: inline-block;
798
866
  }
799
867
 
800
868
  /* Sorted Hover */
801
869
  .ui.sortable.table thead th.sorted:hover {
802
870
  background: rgba(0, 0, 0, 0.05);
803
- color: rgba(0, 0, 0, 0.8);
871
+ color: rgba(0, 0, 0, 0.95);
804
872
  }
805
873
 
806
874
  /* Inverted */
807
875
  .ui.inverted.sortable.table thead th.sorted {
808
- background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
809
- background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
876
+ background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
877
+ background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
810
878
  color: #ffffff;
811
879
  }
812
880
  .ui.inverted.sortable.table thead th:hover {
813
- background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
814
- background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
881
+ background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
882
+ background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
815
883
  color: #ffffff;
816
884
  }
817
885
  .ui.inverted.sortable.table thead th {
@@ -827,16 +895,16 @@
827
895
  /* Text Color */
828
896
  .ui.inverted.table {
829
897
  background: #333333;
830
- color: #ffffff;
898
+ color: rgba(255, 255, 255, 0.9);
831
899
  border: none;
832
900
  }
833
901
  .ui.inverted.table th {
834
902
  background-color: rgba(0, 0, 0, 0.15);
835
- border-color: rgba(0, 0, 0, 0.2) !important;
903
+ border-color: rgba(255, 255, 255, 0.1) !important;
836
904
  color: rgba(255, 255, 255, 0.9);
837
905
  }
838
906
  .ui.inverted.table tr td {
839
- border-color: rgba(0, 0, 0, 0.2) !important;
907
+ border-color: rgba(255, 255, 255, 0.1) !important;
840
908
  }
841
909
  .ui.inverted.table tr.disabled td,
842
910
  .ui.inverted.table tr td.disabled,
@@ -870,7 +938,7 @@
870
938
 
871
939
  .ui.basic.table {
872
940
  background: transparent;
873
- border: 1px solid #d0d0d0;
941
+ border: 1px solid rgba(34, 36, 38, 0.15);
874
942
  box-shadow: none;
875
943
  }
876
944
  .ui.basic.table thead,
@@ -897,7 +965,7 @@
897
965
  }
898
966
  .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
899
967
  .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
900
- padding: 0.7em 0.8em;
968
+ padding: '';
901
969
  }
902
970
  .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
903
971
  .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
@@ -917,7 +985,7 @@
917
985
 
918
986
  .ui.celled.table tr th,
919
987
  .ui.celled.table tr td {
920
- border-left: 1px solid #d4d4d5;
988
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
921
989
  }
922
990
  .ui.celled.table tr th:first-child,
923
991
  .ui.celled.table tr td:first-child {
@@ -988,12 +1056,6 @@
988
1056
  }
989
1057
 
990
1058
 
991
- /*******************************
992
- Theme Overrides
993
- *******************************/
994
-
995
-
996
-
997
1059
  /*******************************
998
1060
  Site Overrides
999
1061
  *******************************/