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
@@ -2,6 +2,7 @@
2
2
  @import 'container';
3
3
  @import 'divider';
4
4
  @import 'flag';
5
+ @import 'emoji';
5
6
  @import 'header';
6
7
  @import 'icon';
7
8
  @import 'image';
@@ -173,8 +173,8 @@
173
173
  }
174
174
 
175
175
  /*-------------------
176
- Disabled
177
- --------------------*/
176
+ Disabled
177
+ --------------------*/
178
178
 
179
179
  .ui.buttons .disabled.button:not(.basic),
180
180
  .ui.disabled.button,
@@ -201,8 +201,8 @@
201
201
 
202
202
 
203
203
  /*-------------------
204
- Animated
205
- --------------------*/
204
+ Animated
205
+ --------------------*/
206
206
 
207
207
  .ui.animated.button {
208
208
  position: relative;
@@ -320,8 +320,8 @@
320
320
  }
321
321
 
322
322
  /*-------------------
323
- Inverted
324
- --------------------*/
323
+ Inverted
324
+ --------------------*/
325
325
 
326
326
  .ui.inverted.button {
327
327
  -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
@@ -373,8 +373,8 @@
373
373
  }
374
374
 
375
375
  /*-------------------
376
- Labeled Button
377
- --------------------*/
376
+ Labeled Button
377
+ --------------------*/
378
378
 
379
379
  .ui.labeled.button:not(.icon) {
380
380
  display: -webkit-inline-box;
@@ -433,8 +433,8 @@
433
433
  }
434
434
 
435
435
  /*-------------------
436
- Social
437
- --------------------*/
436
+ Social
437
+ --------------------*/
438
438
 
439
439
 
440
440
  /* Facebook */
@@ -653,8 +653,8 @@
653
653
 
654
654
 
655
655
  /*-------------------
656
- Floated
657
- --------------------*/
656
+ Floated
657
+ --------------------*/
658
658
 
659
659
  .ui[class*="left floated"].buttons,
660
660
  .ui[class*="left floated"].button {
@@ -670,8 +670,8 @@
670
670
  }
671
671
 
672
672
  /*-------------------
673
- Compact
674
- --------------------*/
673
+ Compact
674
+ --------------------*/
675
675
 
676
676
  .ui.compact.buttons .button,
677
677
  .ui.compact.button {
@@ -694,91 +694,61 @@
694
694
  Sizes
695
695
  --------------------*/
696
696
 
697
+ .ui.buttons .button,
698
+ .ui.buttons .or,
699
+ .ui.button {
700
+ font-size: 1rem;
701
+ }
702
+ .ui.mini.buttons .dropdown,
703
+ .ui.mini.buttons .dropdown .menu > .item,
697
704
  .ui.mini.buttons .button,
698
705
  .ui.mini.buttons .or,
699
706
  .ui.ui.ui.ui.mini.button {
700
707
  font-size: 0.78571429rem;
701
708
  }
709
+ .ui.tiny.buttons .dropdown,
710
+ .ui.tiny.buttons .dropdown .menu > .item,
702
711
  .ui.tiny.buttons .button,
703
712
  .ui.tiny.buttons .or,
704
713
  .ui.ui.ui.ui.tiny.button {
705
714
  font-size: 0.85714286rem;
706
715
  }
716
+ .ui.small.buttons .dropdown,
717
+ .ui.small.buttons .dropdown .menu > .item,
707
718
  .ui.small.buttons .button,
708
719
  .ui.small.buttons .or,
709
720
  .ui.ui.ui.ui.small.button {
710
721
  font-size: 0.92857143rem;
711
722
  }
712
- .ui.buttons .button,
713
- .ui.buttons .or,
714
- .ui.button {
715
- font-size: 1rem;
716
- }
723
+ .ui.large.buttons .dropdown,
724
+ .ui.large.buttons .dropdown .menu > .item,
717
725
  .ui.large.buttons .button,
718
726
  .ui.large.buttons .or,
719
727
  .ui.ui.ui.ui.large.button {
720
728
  font-size: 1.14285714rem;
721
729
  }
730
+ .ui.big.buttons .dropdown,
731
+ .ui.big.buttons .dropdown .menu > .item,
722
732
  .ui.big.buttons .button,
723
733
  .ui.big.buttons .or,
724
734
  .ui.ui.ui.ui.big.button {
725
735
  font-size: 1.28571429rem;
726
736
  }
737
+ .ui.huge.buttons .dropdown,
738
+ .ui.huge.buttons .dropdown .menu > .item,
727
739
  .ui.huge.buttons .button,
728
740
  .ui.huge.buttons .or,
729
741
  .ui.ui.ui.ui.huge.button {
730
742
  font-size: 1.42857143rem;
731
743
  }
744
+ .ui.massive.buttons .dropdown,
745
+ .ui.massive.buttons .dropdown .menu > .item,
732
746
  .ui.massive.buttons .button,
733
747
  .ui.massive.buttons .or,
734
748
  .ui.ui.ui.ui.massive.button {
735
749
  font-size: 1.71428571rem;
736
750
  }
737
751
 
738
- /* Dropdown coupled buttons sizes */
739
- .ui.mini.buttons .dropdown {
740
- font-size: 0.78571429rem;
741
- }
742
- .ui.mini.buttons .dropdown .menu > .item {
743
- font-size: 0.78571429rem;
744
- }
745
- .ui.tiny.buttons .dropdown {
746
- font-size: 0.85714286rem;
747
- }
748
- .ui.tiny.buttons .dropdown .menu > .item {
749
- font-size: 0.85714286rem;
750
- }
751
- .ui.small.buttons .dropdown {
752
- font-size: 0.92857143rem;
753
- }
754
- .ui.small.buttons .dropdown .menu > .item {
755
- font-size: 0.92857143rem;
756
- }
757
- .ui.large.buttons .dropdown {
758
- font-size: 1.14285714rem;
759
- }
760
- .ui.large.buttons .dropdown .menu > .item {
761
- font-size: 1.14285714rem;
762
- }
763
- .ui.big.buttons .dropdown {
764
- font-size: 1.28571429rem;
765
- }
766
- .ui.big.buttons .dropdown .menu > .item {
767
- font-size: 1.28571429rem;
768
- }
769
- .ui.huge.buttons .dropdown {
770
- font-size: 1.42857143rem;
771
- }
772
- .ui.huge.buttons .dropdown .menu > .item {
773
- font-size: 1.42857143rem;
774
- }
775
- .ui.massive.buttons .dropdown {
776
- font-size: 1.71428571rem;
777
- }
778
- .ui.massive.buttons .dropdown .menu > .item {
779
- font-size: 1.71428571rem;
780
- }
781
-
782
752
  /*--------------
783
753
  Icon Only
784
754
  ---------------*/
@@ -795,8 +765,8 @@
795
765
  }
796
766
 
797
767
  /*-------------------
798
- Basic
799
- --------------------*/
768
+ Basic
769
+ --------------------*/
800
770
 
801
771
  .ui.basic.buttons .button,
802
772
  .ui.basic.button {
@@ -923,8 +893,8 @@
923
893
  }
924
894
 
925
895
  /*-------------------
926
- Tertiary
927
- --------------------*/
896
+ Tertiary
897
+ --------------------*/
928
898
 
929
899
 
930
900
  /* Overline Mixin */
@@ -960,8 +930,8 @@
960
930
  }
961
931
 
962
932
  /*--------------
963
- Labeled Icon
964
- ---------------*/
933
+ Labeled Icon
934
+ ---------------*/
965
935
 
966
936
  .ui.labeled.icon.buttons .button,
967
937
  .ui.labeled.icon.button {
@@ -1044,8 +1014,8 @@
1044
1014
  }
1045
1015
 
1046
1016
  /*--------------
1047
- Toggle
1048
- ---------------*/
1017
+ Toggle
1018
+ ---------------*/
1049
1019
 
1050
1020
 
1051
1021
  /* Toggle (Modifies active state to give affordances) */
@@ -1065,8 +1035,8 @@
1065
1035
  }
1066
1036
 
1067
1037
  /*--------------
1068
- Circular
1069
- ---------------*/
1038
+ Circular
1039
+ ---------------*/
1070
1040
 
1071
1041
  .ui.circular.button {
1072
1042
  border-radius: 10em;
@@ -1077,8 +1047,8 @@
1077
1047
  }
1078
1048
 
1079
1049
  /*-------------------
1080
- Or Buttons
1081
- --------------------*/
1050
+ Or Buttons
1051
+ --------------------*/
1082
1052
 
1083
1053
  .ui.buttons .or {
1084
1054
  position: relative;
@@ -1119,8 +1089,8 @@
1119
1089
  }
1120
1090
 
1121
1091
  /*-------------------
1122
- Attached
1123
- --------------------*/
1092
+ Attached
1093
+ --------------------*/
1124
1094
 
1125
1095
 
1126
1096
  /* Singular */
@@ -1235,8 +1205,8 @@
1235
1205
  }
1236
1206
 
1237
1207
  /*-------------------
1238
- Fluid
1239
- --------------------*/
1208
+ Fluid
1209
+ --------------------*/
1240
1210
 
1241
1211
  .ui.fluid.buttons,
1242
1212
  .ui.fluid.button {
@@ -4305,8 +4275,8 @@
4305
4275
 
4306
4276
 
4307
4277
  /*******************************
4308
- Groups
4309
- *******************************/
4278
+ Groups
4279
+ *******************************/
4310
4280
 
4311
4281
  .ui.buttons {
4312
4282
  display: -webkit-inline-box;
@@ -27,13 +27,13 @@
27
27
  margin-left: 1em;
28
28
  margin-right: 1em;
29
29
  }
30
- .ui.ui.grid.container {
30
+ .ui.ui.ui.grid.container {
31
31
  width: auto;
32
32
  }
33
- .ui.ui.relaxed.grid.container {
33
+ .ui.ui.ui.relaxed.grid.container {
34
34
  width: auto;
35
35
  }
36
- .ui.ui.very.relaxed.grid.container {
36
+ .ui.ui.ui.very.relaxed.grid.container {
37
37
  width: auto;
38
38
  }
39
39
  }
@@ -45,13 +45,13 @@
45
45
  margin-left: auto;
46
46
  margin-right: auto;
47
47
  }
48
- .ui.ui.grid.container {
48
+ .ui.ui.ui.grid.container {
49
49
  width: calc(723px + 2rem);
50
50
  }
51
- .ui.ui.relaxed.grid.container {
51
+ .ui.ui.ui.relaxed.grid.container {
52
52
  width: calc(723px + 3rem);
53
53
  }
54
- .ui.ui.very.relaxed.grid.container {
54
+ .ui.ui.ui.very.relaxed.grid.container {
55
55
  width: calc(723px + 5rem);
56
56
  }
57
57
  }
@@ -63,13 +63,13 @@
63
63
  margin-left: auto;
64
64
  margin-right: auto;
65
65
  }
66
- .ui.ui.grid.container {
66
+ .ui.ui.ui.grid.container {
67
67
  width: calc(933px + 2rem);
68
68
  }
69
- .ui.ui.relaxed.grid.container {
69
+ .ui.ui.ui.relaxed.grid.container {
70
70
  width: calc(933px + 3rem);
71
71
  }
72
- .ui.ui.very.relaxed.grid.container {
72
+ .ui.ui.ui.very.relaxed.grid.container {
73
73
  width: calc(933px + 5rem);
74
74
  }
75
75
  }
@@ -81,13 +81,13 @@
81
81
  margin-left: auto;
82
82
  margin-right: auto;
83
83
  }
84
- .ui.ui.grid.container {
84
+ .ui.ui.ui.grid.container {
85
85
  width: calc(1127px + 2rem);
86
86
  }
87
- .ui.ui.relaxed.grid.container {
87
+ .ui.ui.ui.relaxed.grid.container {
88
88
  width: calc(1127px + 3rem);
89
89
  }
90
- .ui.ui.very.relaxed.grid.container {
90
+ .ui.ui.ui.very.relaxed.grid.container {
91
91
  width: calc(1127px + 5rem);
92
92
  }
93
93
  }
@@ -49,8 +49,8 @@
49
49
  }
50
50
 
51
51
  /*--------------
52
- Horizontal
53
- ---------------*/
52
+ Horizontal
53
+ ---------------*/
54
54
 
55
55
  .ui.horizontal.divider {
56
56
  display: table;
@@ -77,8 +77,8 @@
77
77
  }
78
78
 
79
79
  /*--------------
80
- Vertical
81
- ---------------*/
80
+ Vertical
81
+ ---------------*/
82
82
 
83
83
  .ui.vertical.divider {
84
84
  position: absolute;
@@ -155,8 +155,8 @@
155
155
  }
156
156
 
157
157
  /*--------------
158
- Icon
159
- ---------------*/
158
+ Icon
159
+ ---------------*/
160
160
 
161
161
  .ui.divider > .icon {
162
162
  margin: 0;
@@ -166,8 +166,8 @@
166
166
  }
167
167
 
168
168
  /*--------------
169
- Header
170
- ---------------*/
169
+ Header
170
+ ---------------*/
171
171
 
172
172
  .ui.horizontal.divider[class*="left aligned"]:before {
173
173
  display: none;
@@ -189,8 +189,8 @@
189
189
 
190
190
 
191
191
  /*--------------
192
- Hidden
193
- ---------------*/
192
+ Hidden
193
+ ---------------*/
194
194
 
195
195
  .ui.hidden.divider {
196
196
  border-color: transparent !important;
@@ -227,16 +227,16 @@
227
227
  }
228
228
 
229
229
  /*--------------
230
- Clearing
231
- ---------------*/
230
+ Clearing
231
+ ---------------*/
232
232
 
233
233
  .ui.clearing.divider {
234
234
  clear: both;
235
235
  }
236
236
 
237
237
  /*--------------
238
- Section
239
- ---------------*/
238
+ Section
239
+ ---------------*/
240
240
 
241
241
  .ui.section.divider {
242
242
  margin-top: 2rem;
@@ -250,6 +250,27 @@
250
250
  .ui.divider {
251
251
  font-size: 1rem;
252
252
  }
253
+ .ui.mini.divider {
254
+ font-size: 0.78571429rem;
255
+ }
256
+ .ui.tiny.divider {
257
+ font-size: 0.85714286rem;
258
+ }
259
+ .ui.small.divider {
260
+ font-size: 0.92857143rem;
261
+ }
262
+ .ui.large.divider {
263
+ font-size: 1.14285714rem;
264
+ }
265
+ .ui.big.divider {
266
+ font-size: 1.28571429rem;
267
+ }
268
+ .ui.huge.divider {
269
+ font-size: 1.42857143rem;
270
+ }
271
+ .ui.massive.divider {
272
+ font-size: 1.71428571rem;
273
+ }
253
274
 
254
275
 
255
276
  /*******************************