fomantic-ui-sass 2.7.8 → 2.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/calendar.js +41 -18
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +58 -33
  6. data/app/assets/javascripts/semantic-ui/form.js +9 -4
  7. data/app/assets/javascripts/semantic-ui/modal.js +96 -33
  8. data/app/assets/javascripts/semantic-ui/popup.js +8 -8
  9. data/app/assets/javascripts/semantic-ui/progress.js +10 -8
  10. data/app/assets/javascripts/semantic-ui/rating.js +35 -6
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
  12. data/app/assets/javascripts/semantic-ui/slider.js +78 -29
  13. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  14. data/app/assets/javascripts/semantic-ui/toast.js +395 -121
  15. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
  16. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +741 -143
  17. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
  18. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -117
  19. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
  20. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +976 -191
  21. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  22. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
  23. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
  24. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
  25. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12312 -0
  26. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +70 -31
  28. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
  29. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +218 -69
  30. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
  31. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
  32. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
  33. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
  34. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
  35. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
  36. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +38 -38
  37. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
  38. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +14 -124
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +21 -21
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +181 -110
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +121 -30
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +71 -72
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
  52. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
  55. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
  56. data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
  57. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
  58. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
  59. data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
  60. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
  61. data/lib/fomantic/ui/sass/version.rb +2 -2
  62. metadata +2 -1
@@ -122,12 +122,6 @@
122
122
  margin-top: 0.5em;
123
123
  }
124
124
 
125
- /* Header Image + 2 Lines */
126
- .ui.placeholder .header {
127
- position: relative;
128
- overflow: hidden;
129
- }
130
-
131
125
  /* Line Outdent */
132
126
  .ui.placeholder .line:nth-child(1):after {
133
127
  width: 0;
@@ -145,6 +139,12 @@
145
139
  width: 65%;
146
140
  }
147
141
 
142
+ /* Header Image + 2 Lines */
143
+ .ui.placeholder .header {
144
+ position: relative;
145
+ overflow: hidden;
146
+ }
147
+
148
148
  /* Header Line 1 & 2*/
149
149
  .ui.placeholder .header .line {
150
150
  margin-bottom: 0.64285714em;
@@ -234,8 +234,8 @@
234
234
  }
235
235
 
236
236
  /*-------------------
237
- Fluid
238
- --------------------*/
237
+ Fluid
238
+ --------------------*/
239
239
 
240
240
  .ui.fluid.placeholder {
241
241
  max-width: none;
@@ -39,8 +39,8 @@
39
39
 
40
40
 
41
41
  /*--------------
42
- Internal
43
- ---------------*/
42
+ Internal
43
+ ---------------*/
44
44
 
45
45
  .ui.left.internal.rail {
46
46
  left: 0;
@@ -56,8 +56,8 @@
56
56
  }
57
57
 
58
58
  /*--------------
59
- Dividing
60
- ---------------*/
59
+ Dividing
60
+ ---------------*/
61
61
 
62
62
  .ui.dividing.rail {
63
63
  width: 302.5px;
@@ -74,8 +74,8 @@
74
74
  }
75
75
 
76
76
  /*--------------
77
- Distance
78
- ---------------*/
77
+ Distance
78
+ ---------------*/
79
79
 
80
80
  .ui.close.rail {
81
81
  width: calc(300px + 1em);
@@ -101,8 +101,8 @@
101
101
  }
102
102
 
103
103
  /*--------------
104
- Attached
105
- ---------------*/
104
+ Attached
105
+ ---------------*/
106
106
 
107
107
  .ui.attached.left.rail,
108
108
  .ui.attached.right.rail {
@@ -114,6 +114,9 @@
114
114
  Sizing
115
115
  ---------------*/
116
116
 
117
+ .ui.rail {
118
+ font-size: 1rem;
119
+ }
117
120
  .ui.mini.rail {
118
121
  font-size: 0.78571429rem;
119
122
  }
@@ -123,9 +126,6 @@
123
126
  .ui.small.rail {
124
127
  font-size: 0.92857143rem;
125
128
  }
126
- .ui.rail {
127
- font-size: 1rem;
128
- }
129
129
  .ui.large.rail {
130
130
  font-size: 1.14285714rem;
131
131
  }
@@ -16,7 +16,7 @@
16
16
  .ui.reveal {
17
17
  display: inherit;
18
18
  position: relative !important;
19
- font-size: 0 !important;
19
+ font-size: 0;
20
20
  }
21
21
  .ui.reveal > .visible.content {
22
22
  position: absolute !important;
@@ -44,8 +44,8 @@
44
44
 
45
45
 
46
46
  /*--------------
47
- Slide
48
- ---------------*/
47
+ Slide
48
+ ---------------*/
49
49
 
50
50
  .ui.slide.reveal {
51
51
  position: relative !important;
@@ -131,8 +131,8 @@
131
131
  }
132
132
 
133
133
  /*--------------
134
- Fade
135
- ---------------*/
134
+ Fade
135
+ ---------------*/
136
136
 
137
137
  .ui.fade.reveal > .visible.content {
138
138
  opacity: 1;
@@ -143,8 +143,8 @@
143
143
  }
144
144
 
145
145
  /*--------------
146
- Move
147
- ---------------*/
146
+ Move
147
+ ---------------*/
148
148
 
149
149
  .ui.move.reveal {
150
150
  position: relative !important;
@@ -191,8 +191,8 @@
191
191
  }
192
192
 
193
193
  /*--------------
194
- Rotate
195
- ---------------*/
194
+ Rotate
195
+ ---------------*/
196
196
 
197
197
  .ui.rotate.reveal > .visible.content {
198
198
  -webkit-transition-duration: 0.5s;
@@ -279,7 +279,28 @@
279
279
  ---------------*/
280
280
 
281
281
  .ui.reveal > .content {
282
- font-size: 1rem !important;
282
+ font-size: 1rem;
283
+ }
284
+ .ui.mini.reveal > .content {
285
+ font-size: 0.78571429rem;
286
+ }
287
+ .ui.tiny.reveal > .content {
288
+ font-size: 0.85714286rem;
289
+ }
290
+ .ui.small.reveal > .content {
291
+ font-size: 0.92857143rem;
292
+ }
293
+ .ui.large.reveal > .content {
294
+ font-size: 1.14285714rem;
295
+ }
296
+ .ui.big.reveal > .content {
297
+ font-size: 1.28571429rem;
298
+ }
299
+ .ui.huge.reveal > .content {
300
+ font-size: 1.42857143rem;
301
+ }
302
+ .ui.massive.reveal > .content {
303
+ font-size: 1.71428571rem;
283
304
  }
284
305
 
285
306
 
@@ -110,8 +110,8 @@
110
110
 
111
111
 
112
112
  /*-------------------
113
- Placeholder
114
- --------------------*/
113
+ Placeholder
114
+ --------------------*/
115
115
 
116
116
  .ui.placeholder.segment {
117
117
  display: -webkit-box;
@@ -172,8 +172,8 @@
172
172
  }
173
173
 
174
174
  /*-------------------
175
- Piled
176
- --------------------*/
175
+ Piled
176
+ --------------------*/
177
177
 
178
178
  .ui.piled.segments,
179
179
  .ui.piled.segment {
@@ -236,8 +236,8 @@
236
236
  }
237
237
 
238
238
  /*-------------------
239
- Stacked
240
- --------------------*/
239
+ Stacked
240
+ --------------------*/
241
241
 
242
242
  .ui.stacked.segment {
243
243
  padding-bottom: 1.4em;
@@ -278,8 +278,8 @@
278
278
  }
279
279
 
280
280
  /*-------------------
281
- Padded
282
- --------------------*/
281
+ Padded
282
+ --------------------*/
283
283
 
284
284
  .ui.padded.segment {
285
285
  padding: 1.5em;
@@ -296,8 +296,8 @@
296
296
  }
297
297
 
298
298
  /*-------------------
299
- Compact
300
- --------------------*/
299
+ Compact
300
+ --------------------*/
301
301
 
302
302
  .ui.compact.segment {
303
303
  display: table;
@@ -318,8 +318,8 @@
318
318
  }
319
319
 
320
320
  /*-------------------
321
- Circular
322
- --------------------*/
321
+ Circular
322
+ --------------------*/
323
323
 
324
324
  .ui.circular.segment {
325
325
  display: table-cell;
@@ -330,8 +330,8 @@
330
330
  }
331
331
 
332
332
  /*-------------------
333
- Raised
334
- --------------------*/
333
+ Raised
334
+ --------------------*/
335
335
 
336
336
  .ui.raised.raised.segments,
337
337
  .ui.raised.raised.segment {
@@ -341,8 +341,8 @@
341
341
 
342
342
 
343
343
  /*******************************
344
- Groups
345
- *******************************/
344
+ Groups
345
+ *******************************/
346
346
 
347
347
 
348
348
  /* Group */
@@ -480,8 +480,8 @@
480
480
 
481
481
 
482
482
  /*--------------
483
- Disabled
484
- ---------------*/
483
+ Disabled
484
+ ---------------*/
485
485
 
486
486
  .ui.disabled.segment {
487
487
  opacity: 0.45;
@@ -489,8 +489,8 @@
489
489
  }
490
490
 
491
491
  /*--------------
492
- Loading
493
- ---------------*/
492
+ Loading
493
+ ---------------*/
494
494
 
495
495
  .ui.loading.segment {
496
496
  position: relative;
@@ -536,8 +536,8 @@
536
536
 
537
537
 
538
538
  /*-------------------
539
- Basic
540
- --------------------*/
539
+ Basic
540
+ --------------------*/
541
541
 
542
542
  .ui.basic.segment,
543
543
  .ui.segments .ui.basic.segment,
@@ -550,8 +550,8 @@
550
550
  }
551
551
 
552
552
  /*-------------------
553
- Clearing
554
- --------------------*/
553
+ Clearing
554
+ --------------------*/
555
555
 
556
556
  .ui.clearing.segment:after {
557
557
  content: "";
@@ -656,8 +656,8 @@
656
656
  }
657
657
 
658
658
  /*-------------------
659
- Aligned
660
- --------------------*/
659
+ Aligned
660
+ --------------------*/
661
661
 
662
662
  .ui[class*="left aligned"].segment {
663
663
  text-align: left;
@@ -670,8 +670,8 @@
670
670
  }
671
671
 
672
672
  /*-------------------
673
- Floated
674
- --------------------*/
673
+ Floated
674
+ --------------------*/
675
675
 
676
676
  .ui.floated.segment,
677
677
  .ui[class*="left floated"].segment {
@@ -684,8 +684,8 @@
684
684
  }
685
685
 
686
686
  /*-------------------
687
- Inverted
688
- --------------------*/
687
+ Inverted
688
+ --------------------*/
689
689
 
690
690
  .ui.inverted.segment {
691
691
  border: none;
@@ -749,8 +749,8 @@
749
749
  }
750
750
 
751
751
  /*-------------------
752
- Attached
753
- --------------------*/
752
+ Attached
753
+ --------------------*/
754
754
 
755
755
 
756
756
  /* Middle */
@@ -796,8 +796,8 @@
796
796
  }
797
797
 
798
798
  /*--------------
799
- Fitted
800
- ---------------*/
799
+ Fitted
800
+ ---------------*/
801
801
 
802
802
  .ui.fitted.segment:not(.horizontally) {
803
803
  padding-top: 0;
@@ -812,6 +812,10 @@
812
812
  Size
813
813
  --------------------*/
814
814
 
815
+ .ui.segments .segment,
816
+ .ui.segment {
817
+ font-size: 1rem;
818
+ }
815
819
  .ui.mini.segments .segment,
816
820
  .ui.mini.segment {
817
821
  font-size: 0.78571429rem;
@@ -824,10 +828,6 @@
824
828
  .ui.small.segment {
825
829
  font-size: 0.92857143rem;
826
830
  }
827
- .ui.segments .segment,
828
- .ui.segment {
829
- font-size: 1rem;
830
- }
831
831
  .ui.large.segments .segment,
832
832
  .ui.large.segment {
833
833
  font-size: 1.14285714rem;
@@ -96,7 +96,6 @@
96
96
  content: '';
97
97
  top: 50%;
98
98
  right: 0;
99
- border: medium none;
100
99
  background-color: #FFFFFF;
101
100
  width: 1.14285714em;
102
101
  height: 1.14285714em;
@@ -192,8 +191,8 @@
192
191
 
193
192
 
194
193
  /*--------------
195
- Ordered
196
- ---------------*/
194
+ Ordered
195
+ ---------------*/
197
196
 
198
197
  .ui.ordered.steps {
199
198
  counter-reset: ordered;
@@ -218,8 +217,8 @@
218
217
  }
219
218
 
220
219
  /*--------------
221
- Vertical
222
- ---------------*/
220
+ Vertical
221
+ ---------------*/
223
222
 
224
223
  .ui.vertical.steps {
225
224
  display: -webkit-inline-box;
@@ -422,8 +421,8 @@
422
421
 
423
422
 
424
423
  /*--------------
425
- Stackable
426
- ---------------*/
424
+ Stackable
425
+ ---------------*/
427
426
 
428
427
 
429
428
  /* Tablet Or Below */
@@ -481,8 +480,8 @@
481
480
  }
482
481
 
483
482
  /*--------------
484
- Fluid
485
- ---------------*/
483
+ Fluid
484
+ ---------------*/
486
485
 
487
486
 
488
487
  /* Fluid */
@@ -494,8 +493,8 @@
494
493
  }
495
494
 
496
495
  /*--------------
497
- Attached
498
- ---------------*/
496
+ Attached
497
+ ---------------*/
499
498
 
500
499
 
501
500
  /* Top */
@@ -578,6 +577,10 @@
578
577
  Sizes
579
578
  --------------------*/
580
579
 
580
+ .ui.steps .step,
581
+ .ui.step {
582
+ font-size: 1rem;
583
+ }
581
584
  .ui.mini.steps .step,
582
585
  .ui.mini.step {
583
586
  font-size: 0.78571429rem;
@@ -590,10 +593,6 @@
590
593
  .ui.small.step {
591
594
  font-size: 0.92857143rem;
592
595
  }
593
- .ui.steps .step,
594
- .ui.step {
595
- font-size: 1rem;
596
- }
597
596
  .ui.large.steps .step,
598
597
  .ui.large.step {
599
598
  font-size: 1.14285714rem;
@@ -612,8 +611,8 @@
612
611
  }
613
612
 
614
613
  /*--------------
615
- Inverted
616
- ---------------*/
614
+ Inverted
615
+ ---------------*/
617
616
 
618
617
  .ui.inverted.steps {
619
618
  border: 1px solid #555555;