fomantic-ui-sass 2.8.7.1 → 2.8.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/calendar.js +9 -11
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +8 -11
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +191 -99
  6. data/app/assets/javascripts/semantic-ui/form.js +98 -60
  7. data/app/assets/javascripts/semantic-ui/modal.js +259 -16
  8. data/app/assets/javascripts/semantic-ui/nag.js +130 -64
  9. data/app/assets/javascripts/semantic-ui/popup.js +4 -4
  10. data/app/assets/javascripts/semantic-ui/progress.js +6 -8
  11. data/app/assets/javascripts/semantic-ui/search.js +14 -12
  12. data/app/assets/javascripts/semantic-ui/slider.js +55 -31
  13. data/app/assets/javascripts/semantic-ui/toast.js +26 -6
  14. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +46 -5
  16. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +14 -7
  17. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +6 -4
  18. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +50 -3
  19. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +6 -2
  20. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +29 -2
  21. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +3 -4
  22. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +10 -5
  25. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +237 -65
  26. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +2 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +41 -37
  31. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +34 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -3
  38. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -2
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +3 -3
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +46 -4
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +72 -3
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +19 -8
  46. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +168 -16
  47. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +4 -2
  48. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +18 -10
  49. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +18 -33
  50. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +3 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -2
  55. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +97 -10
  57. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  59. data/app/assets/stylesheets/semantic-ui/views/_card.scss +74 -2
  60. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  61. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  62. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  64. data/lib/fomantic/ui/sass/version.rb +2 -2
  65. metadata +6 -6
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Rating
2
+ * # Fomantic-UI 2.8.8 - Rating
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -72,8 +72,7 @@
72
72
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0.15)));
73
73
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
74
74
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
75
- -webkit-background-clip: text;
76
- background-clip: text;
75
+ background-clip: text;
77
76
  color: transparent;
78
77
  }
79
78
 
@@ -109,8 +108,7 @@
109
108
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
110
109
  text-shadow: none;
111
110
  -webkit-text-stroke: #2185D0 0.78px;
112
- -webkit-background-clip: text;
113
- background-clip: text;
111
+ background-clip: text;
114
112
  color: transparent;
115
113
  }
116
114
  .ui.secondary.rating .active.icon {
@@ -132,8 +130,7 @@
132
130
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
133
131
  text-shadow: none;
134
132
  -webkit-text-stroke: #1B1C1D 0.78px;
135
- -webkit-background-clip: text;
136
- background-clip: text;
133
+ background-clip: text;
137
134
  color: transparent;
138
135
  }
139
136
  .ui.red.rating .active.icon {
@@ -155,8 +152,7 @@
155
152
  background: linear-gradient(to right, #FF695E 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
156
153
  text-shadow: none;
157
154
  -webkit-text-stroke: #DB2828 0.78px;
158
- -webkit-background-clip: text;
159
- background-clip: text;
155
+ background-clip: text;
160
156
  color: transparent;
161
157
  }
162
158
  .ui.orange.rating .active.icon {
@@ -178,8 +174,7 @@
178
174
  background: linear-gradient(to right, #FF851B 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
179
175
  text-shadow: none;
180
176
  -webkit-text-stroke: #F2711C 0.78px;
181
- -webkit-background-clip: text;
182
- background-clip: text;
177
+ background-clip: text;
183
178
  color: transparent;
184
179
  }
185
180
  .ui.yellow.rating .active.icon {
@@ -201,8 +196,7 @@
201
196
  background: linear-gradient(to right, #FFE21F 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
202
197
  text-shadow: none;
203
198
  -webkit-text-stroke: #FBBD08 0.78px;
204
- -webkit-background-clip: text;
205
- background-clip: text;
199
+ background-clip: text;
206
200
  color: transparent;
207
201
  }
208
202
  .ui.olive.rating .active.icon {
@@ -224,8 +218,7 @@
224
218
  background: linear-gradient(to right, #D9E778 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
225
219
  text-shadow: none;
226
220
  -webkit-text-stroke: #B5CC18 0.78px;
227
- -webkit-background-clip: text;
228
- background-clip: text;
221
+ background-clip: text;
229
222
  color: transparent;
230
223
  }
231
224
  .ui.green.rating .active.icon {
@@ -247,8 +240,7 @@
247
240
  background: linear-gradient(to right, #2ECC40 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
248
241
  text-shadow: none;
249
242
  -webkit-text-stroke: #21BA45 0.78px;
250
- -webkit-background-clip: text;
251
- background-clip: text;
243
+ background-clip: text;
252
244
  color: transparent;
253
245
  }
254
246
  .ui.teal.rating .active.icon {
@@ -270,8 +262,7 @@
270
262
  background: linear-gradient(to right, #6DFFFF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
271
263
  text-shadow: none;
272
264
  -webkit-text-stroke: #00B5AD 0.78px;
273
- -webkit-background-clip: text;
274
- background-clip: text;
265
+ background-clip: text;
275
266
  color: transparent;
276
267
  }
277
268
  .ui.blue.rating .active.icon {
@@ -293,8 +284,7 @@
293
284
  background: linear-gradient(to right, #54C8FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
294
285
  text-shadow: none;
295
286
  -webkit-text-stroke: #2185D0 0.78px;
296
- -webkit-background-clip: text;
297
- background-clip: text;
287
+ background-clip: text;
298
288
  color: transparent;
299
289
  }
300
290
  .ui.violet.rating .active.icon {
@@ -316,8 +306,7 @@
316
306
  background: linear-gradient(to right, #A291FB 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
317
307
  text-shadow: none;
318
308
  -webkit-text-stroke: #6435C9 0.78px;
319
- -webkit-background-clip: text;
320
- background-clip: text;
309
+ background-clip: text;
321
310
  color: transparent;
322
311
  }
323
312
  .ui.purple.rating .active.icon {
@@ -339,8 +328,7 @@
339
328
  background: linear-gradient(to right, #DC73FF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
340
329
  text-shadow: none;
341
330
  -webkit-text-stroke: #A333C8 0.78px;
342
- -webkit-background-clip: text;
343
- background-clip: text;
331
+ background-clip: text;
344
332
  color: transparent;
345
333
  }
346
334
  .ui.pink.rating .active.icon {
@@ -362,8 +350,7 @@
362
350
  background: linear-gradient(to right, #FF8EDF 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
363
351
  text-shadow: none;
364
352
  -webkit-text-stroke: #E03997 0.78px;
365
- -webkit-background-clip: text;
366
- background-clip: text;
353
+ background-clip: text;
367
354
  color: transparent;
368
355
  }
369
356
  .ui.brown.rating .active.icon {
@@ -385,8 +372,7 @@
385
372
  background: linear-gradient(to right, #D67C1C 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
386
373
  text-shadow: none;
387
374
  -webkit-text-stroke: #A5673F 0.78px;
388
- -webkit-background-clip: text;
389
- background-clip: text;
375
+ background-clip: text;
390
376
  color: transparent;
391
377
  }
392
378
  .ui.grey.rating .active.icon {
@@ -408,8 +394,7 @@
408
394
  background: linear-gradient(to right, #DCDDDE 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
409
395
  text-shadow: none;
410
396
  -webkit-text-stroke: #767676 0.78px;
411
- -webkit-background-clip: text;
412
- background-clip: text;
397
+ background-clip: text;
413
398
  color: transparent;
414
399
  }
415
400
  .ui.black.rating .active.icon {
@@ -431,8 +416,7 @@
431
416
  background: linear-gradient(to right, #545454 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
432
417
  text-shadow: none;
433
418
  -webkit-text-stroke: #1B1C1D 0.78px;
434
- -webkit-background-clip: text;
435
- background-clip: text;
419
+ background-clip: text;
436
420
  color: transparent;
437
421
  }
438
422
 
@@ -450,6 +434,7 @@
450
434
  /* disabled rating */
451
435
  .ui.disabled.rating .icon {
452
436
  cursor: default;
437
+ pointer-events: none;
453
438
  }
454
439
 
455
440
  /*-------------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Search
2
+ * # Fomantic-UI 2.8.8 - Search
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Shape
2
+ * # Fomantic-UI 2.8.8 - Shape
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Sidebar
2
+ * # Fomantic-UI 2.8.8 - Sidebar
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -181,6 +181,7 @@
181
181
  white-space: nowrap;
182
182
  }
183
183
  .ui.bottom.aligned.labeled.slider > .labels .label {
184
+ bottom: 0;
184
185
  -webkit-transform: translate(-50%, 100%);
185
186
  transform: translate(-50%, 100%);
186
187
  }
@@ -194,7 +195,8 @@
194
195
  left: 50%;
195
196
  }
196
197
  .ui.bottom.aligned.labeled.ticked.slider > .labels .label:after {
197
- top: -100%;
198
+ top: auto;
199
+ bottom: 100%;
198
200
  }
199
201
  .ui.labeled.ticked.slider > .labels .halftick.label:after {
200
202
  height: 0.75em;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Sticky
2
+ * # Fomantic-UI 2.8.8 - Sticky
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -58,7 +58,6 @@
58
58
  *******************************/
59
59
 
60
60
  .ui.native.sticky {
61
- position: -webkit-sticky;
62
61
  position: -moz-sticky;
63
62
  position: -ms-sticky;
64
63
  position: -o-sticky;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Tab
2
+ * # Fomantic-UI 2.8.8 - Tab
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Toast
2
+ * # Fomantic-UI 2.8.8 - Toast
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -17,6 +17,52 @@
17
17
  position: fixed;
18
18
  z-index: 9999;
19
19
  }
20
+ .ui.toast-container.ui.attached {
21
+ width: 100%;
22
+ left: 0;
23
+ }
24
+ .ui.toast-container.ui.attached .vertical.attached {
25
+ border-radius: 0;
26
+ }
27
+ .ui.toast-container.ui.attached.ui.ui .attached.actions .button {
28
+ border-radius: 0;
29
+ }
30
+ .ui.toast-container.ui.attached .toast-box {
31
+ margin: 0;
32
+ width: 100%;
33
+ border-radius: 0;
34
+ }
35
+ .ui.toast-container.ui.attached .toast-box > .ui.toast,
36
+ .ui.toast-container.ui.attached .toast-box > .ui.message {
37
+ margin-left: 0;
38
+ }
39
+ .ui.toast-container.ui.attached .toast-box.floating,
40
+ .ui.toast-container.ui.attached .toast-box.hoverfloating:hover {
41
+ border: none;
42
+ }
43
+ .ui.toast-container.ui.attached .toast-box > .vertical > .content {
44
+ -webkit-box-flex: 1;
45
+ -ms-flex: 1;
46
+ flex: 1;
47
+ }
48
+ .ui.toast-container.ui.attached .toast-box > * {
49
+ width: 100%;
50
+ border-radius: 0;
51
+ }
52
+ .ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
53
+ -webkit-box-flex: 1;
54
+ -ms-flex: 1;
55
+ flex: 1;
56
+ }
57
+ .ui.toast-container.ui.attached .toast-box > .attached.actions {
58
+ margin-right: 1px;
59
+ }
60
+ .ui.toast-container.ui.attached.top {
61
+ top: 0;
62
+ }
63
+ .ui.toast-container.ui.attached.bottom {
64
+ bottom: 0;
65
+ }
20
66
  .ui.toast-container.top.right {
21
67
  top: 0.85714286em;
22
68
  right: 0.85714286em;
@@ -54,6 +100,18 @@
54
100
  .ui.toast-container .toast-box {
55
101
  display: table !important;
56
102
  }
103
+ .ui.toast-container.horizontal {
104
+ display: -webkit-box;
105
+ display: -ms-flexbox;
106
+ display: flex;
107
+ -webkit-box-orient: horizontal;
108
+ -webkit-box-direction: normal;
109
+ -ms-flex-direction: row;
110
+ flex-direction: row;
111
+ }
112
+ .ui.toast-container.horizontal .toast-box {
113
+ margin-right: 0.5em;
114
+ }
57
115
  .ui.toast-container .toast-box {
58
116
  margin-bottom: 0.5em;
59
117
  border-radius: 0.28571429rem;
@@ -326,9 +384,6 @@
326
384
  border-top-right-radius: 0;
327
385
  border-bottom-right-radius: 0;
328
386
  }
329
- .ui.vertical.attached.left.actions .button:not(:first-child):not(:last-child) {
330
- margin-left: -1px;
331
- }
332
387
  .ui.vertical.attached.left.message.message.message {
333
388
  border-top-right-radius: 0.28571429rem;
334
389
  border-bottom-right-radius: 0.28571429rem;
@@ -395,7 +450,10 @@
395
450
  .ui.toast > i.icon:not(.close) {
396
451
  font-size: 1.5em;
397
452
  }
398
- .ui.toast:not(.vertical) > i.icon:not(.close) {
453
+ .ui.toast:not(.vertical):not(.centered):not(.center) > i.icon:not(.close) {
454
+ position: absolute;
455
+ }
456
+ .ui.toast:not(.vertical):not(.centered):not(.center) > .ui.image {
399
457
  position: absolute;
400
458
  }
401
459
  .ui.toast:not(.vertical) > i.icon:not(.close) + .content {
@@ -404,9 +462,6 @@
404
462
  .ui.toast:not(.vertical) > .close.icon + .content {
405
463
  padding-left: 1.5em;
406
464
  }
407
- .ui.toast:not(.vertical) > .ui.image {
408
- position: absolute;
409
- }
410
465
  .ui.toast:not(.vertical) > .ui.image.avatar + .content {
411
466
  padding-left: 3em;
412
467
  min-height: 2em;
@@ -423,8 +478,8 @@
423
478
  padding-left: 12em;
424
479
  min-height: 150px;
425
480
  }
426
- .ui.toast:not(.vertical) > .centered.image,
427
- .ui.toast:not(.vertical) > .centered.icon {
481
+ .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
482
+ .ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
428
483
  -webkit-transform: translateY(-50%);
429
484
  transform: translateY(-50%);
430
485
  top: 50%;
@@ -474,6 +529,38 @@
474
529
  .ui.center.toast-container .toast-box {
475
530
  margin-right: auto;
476
531
  }
532
+ .ui.ui.toast-container .toast-box .centered.toast,
533
+ .ui.ui.toast-container .toast-box .center.aligned.toast {
534
+ text-align: center;
535
+ display: -webkit-box;
536
+ display: -ms-flexbox;
537
+ display: flex;
538
+ -webkit-box-pack: center;
539
+ -ms-flex-pack: center;
540
+ justify-content: center;
541
+ }
542
+ .ui.ui.toast-container .toast-box .centered.toast > .content,
543
+ .ui.ui.toast-container .toast-box .center.aligned.toast > .content,
544
+ .ui.ui.toast-container .toast-box .centered.toast > .ui.image,
545
+ .ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
546
+ .ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
547
+ .ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
548
+ -ms-flex-item-align: center;
549
+ align-self: center;
550
+ }
551
+ .ui.toast-container .toast-box .toast .centered.content,
552
+ .ui.toast-container .toast-box .toast .center.aligned.content {
553
+ text-align: center;
554
+ }
555
+ .ui.toast-container .toast-box .centered.actions,
556
+ .ui.toast-container .toast-box .center.aligned.actions {
557
+ text-align: center;
558
+ }
559
+ .ui.toast-container .toast-box .centered.actions:not(.attached) > .button:not(.fluid),
560
+ .ui.toast-container .toast-box .center.aligned.actions:not(.attached) > .button:not(.fluid) {
561
+ margin-left: 0.25em;
562
+ margin-right: 0.25em;
563
+ }
477
564
 
478
565
  /*--------------
479
566
  Colors
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Transition
2
+ * # Fomantic-UI 2.8.8 - Transition
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Ad
2
+ * # Fomantic-UI 2.8.8 - Ad
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Card
2
+ * # Fomantic-UI 2.8.8 - Card
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -431,6 +431,62 @@
431
431
  }
432
432
 
433
433
 
434
+ /*******************************
435
+ States
436
+ *******************************/
437
+
438
+
439
+ /*--------------
440
+ Disabled
441
+ ---------------*/
442
+
443
+ .ui.disabled.card {
444
+ opacity: 0.45;
445
+ color: rgba(40, 40, 40, 0.3);
446
+ pointer-events: none;
447
+ }
448
+
449
+ /*--------------
450
+ Loading
451
+ ---------------*/
452
+
453
+ .ui.loading.card {
454
+ position: relative;
455
+ cursor: default;
456
+ pointer-events: none;
457
+ -webkit-transition: all 0s linear;
458
+ transition: all 0s linear;
459
+ }
460
+ .ui.loading.card:before {
461
+ position: absolute;
462
+ content: '';
463
+ top: 0;
464
+ left: 0;
465
+ background: rgba(255, 255, 255, 0.8);
466
+ width: 100%;
467
+ height: 100%;
468
+ border-radius: 0.28571429rem;
469
+ z-index: 100;
470
+ }
471
+ .ui.loading.card:after {
472
+ position: absolute;
473
+ content: '';
474
+ top: 50%;
475
+ left: 50%;
476
+ margin: -1.5em 0 0 -1.5em;
477
+ width: 3em;
478
+ height: 3em;
479
+ -webkit-animation: loader 0.6s infinite linear;
480
+ animation: loader 0.6s infinite linear;
481
+ border: 0.2em solid #767676;
482
+ border-radius: 500rem;
483
+ -webkit-box-shadow: 0 0 0 1px transparent;
484
+ box-shadow: 0 0 0 1px transparent;
485
+ visibility: visible;
486
+ z-index: 101;
487
+ }
488
+
489
+
434
490
  /*******************************
435
491
  Variations
436
492
  *******************************/
@@ -472,7 +528,6 @@
472
528
  display: -ms-flexbox;
473
529
  display: flex;
474
530
  width: 100%;
475
- height: 100%;
476
531
  border-radius: 0.28571429rem 0 0 0.28571429rem;
477
532
  }
478
533
  .ui.horizontal.cards > .card > .image:last-child > img,
@@ -481,6 +536,7 @@
481
536
  }
482
537
  .ui.horizontal.cards > .card > .content,
483
538
  .ui.horizontal.card > .content {
539
+ border-top: none;
484
540
  -ms-flex-preferred-size: 1px;
485
541
  flex-basis: 1px;
486
542
  }
@@ -1261,6 +1317,14 @@ a.ui.card:hover,
1261
1317
  .ui.inverted.card > .content > .header {
1262
1318
  color: rgba(255, 255, 255, 0.9);
1263
1319
  }
1320
+ .ui.inverted.cards > .card > .content > a.header,
1321
+ .ui.inverted.card > .content > a.header {
1322
+ color: rgba(255, 255, 255, 0.9);
1323
+ }
1324
+ .ui.inverted.cards > .card > .content > a.header:hover,
1325
+ .ui.inverted.card > .content > a.header:hover {
1326
+ color: #1e70bf;
1327
+ }
1264
1328
 
1265
1329
  /* Description */
1266
1330
  .ui.inverted.cards > .card > .content > .description,
@@ -1305,6 +1369,14 @@ a.inverted.ui.card:hover,
1305
1369
  background: #1B1C1D;
1306
1370
  }
1307
1371
 
1372
+ /* Loading */
1373
+ .ui.inverted.loading.card {
1374
+ color: #FFFFFF;
1375
+ }
1376
+ .ui.inverted.loading.card:before {
1377
+ background: rgba(0, 0, 0, 0.85);
1378
+ }
1379
+
1308
1380
 
1309
1381
  /*******************************
1310
1382
  Theme Overrides
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Comment
2
+ * # Fomantic-UI 2.8.8 - Comment
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Feed
2
+ * # Fomantic-UI 2.8.8 - Feed
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Item
2
+ * # Fomantic-UI 2.8.8 - Item
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI - Statistic
2
+ * # Fomantic-UI 2.8.8 - Statistic
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.8.7.1'.freeze
5
- SEMANTIC_UI_SHA = '5b3969cc46bd1e1da1f59b2f5a05098fa5053d2a'.freeze
4
+ VERSION = '2.8.8'.freeze
5
+ SEMANTIC_UI_SHA = 'bd27381b4164aec236a3c69001504fd97205f012'.freeze
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fomantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.8.7.1
4
+ version: 2.8.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit
8
8
  - shanecav84
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2021-07-01 00:00:00.000000000 Z
12
+ date: 2022-03-01 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: autoprefixer-rails
@@ -349,7 +349,7 @@ homepage: https://github.com/fomantic/Fomantic-UI-SASS
349
349
  licenses:
350
350
  - MIT
351
351
  metadata: {}
352
- post_install_message:
352
+ post_install_message:
353
353
  rdoc_options: []
354
354
  require_paths:
355
355
  - lib
@@ -364,8 +364,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
364
364
  - !ruby/object:Gem::Version
365
365
  version: '0'
366
366
  requirements: []
367
- rubygems_version: 3.2.20
368
- signing_key:
367
+ rubygems_version: 3.1.6
368
+ signing_key:
369
369
  specification_version: 4
370
370
  summary: Fomantic UI, converted to Sass and ready to drop into Rails, Compass, or
371
371
  Sprockets.