fomantic-ui-sass 2.7.8 → 2.8.1

Sign up to get free protection for your applications and to get access to all the features.
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
  /*******************************