semantic-ui-sass 0.8.1.0 → 0.8.2.0

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 (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. data/spec/dummy/config/database.yml +0 -25
@@ -15,11 +15,11 @@
15
15
 
16
16
  .ui.rating {
17
17
  display: inline-block;
18
-
19
18
  font-size: 0em;
20
19
  vertical-align: baseline;
21
20
  margin: 0em 0.5rem 0em 0em;
22
21
  }
22
+
23
23
  .ui.rating:last-child {
24
24
  margin-right: 0em;
25
25
  }
@@ -33,42 +33,24 @@
33
33
  }
34
34
 
35
35
  /* Icon */
36
+
36
37
  .ui.rating .icon {
37
38
  cursor: default;
38
-
39
39
  margin: 0em;
40
-
41
40
  width: 1em;
42
41
  height: auto;
43
42
  padding: 0em;
44
-
45
43
  color: rgba(0, 0, 0, 0.15);
46
44
  font-weight: normal;
47
45
  font-style: normal;
48
46
  }
47
+
49
48
  .ui.rating .icon:before {
50
49
  content: "\2605";
51
-
52
- -webkit-transition:
53
- color 0.3s ease,
54
- opacity 0.3s ease
55
- ;
56
- -moz-transition:
57
- color 0.3s ease,
58
- opacity 0.3s ease
59
- ;
60
- -ms-transition:
61
- color 0.3s ease,
62
- opacity 0.3s ease
63
- ;
64
- -o-transition:
65
- color 0.3s ease,
66
- opacity 0.3s ease
67
- ;
68
- transition:
69
- color 0.3s ease,
70
- opacity 0.3s ease
71
- ;
50
+ -webkit-transition: color 0.3s ease,
51
+ opacity 0.3s ease;
52
+ transition: color 0.3s ease,
53
+ opacity 0.3s ease;
72
54
  }
73
55
 
74
56
  /*******************************
@@ -84,18 +66,19 @@
84
66
  }
85
67
 
86
68
  /* Star */
69
+
87
70
  .ui.star.rating .icon:before {
88
71
  content: '\f006';
89
72
  font-family: 'Icons';
90
73
  }
91
74
 
92
75
  /* Active Star */
76
+
93
77
  .ui.star.rating .active.icon:before {
94
78
  content: '\f005';
95
79
  font-family: 'Icons';
96
80
  }
97
81
 
98
-
99
82
  /*-------------------
100
83
  Heart
101
84
  --------------------*/
@@ -103,21 +86,25 @@
103
86
  .ui.heart.rating .icon {
104
87
  width: 1.2em;
105
88
  }
89
+
106
90
  .ui.heart.rating .icon:before {
107
91
  content: '\f08a';
108
92
  font-family: 'Icons';
109
93
  }
110
94
 
111
95
  /* Active */
96
+
112
97
  .ui.heart.rating .active.icon:before {
113
98
  content: '\f004';
114
99
  font-family: 'Icons';
115
100
  }
101
+
116
102
  .ui.heart.rating .active.icon {
117
103
  color: #EF404A !important;
118
104
  }
119
105
 
120
106
  /* Hovered */
107
+
121
108
  .ui.heart.rating .hover.icon,
122
109
  .ui.heart.rating .active.hover.icon {
123
110
  color: #FF2733 !important;
@@ -132,33 +119,35 @@
132
119
  --------------------*/
133
120
 
134
121
  /* active rating */
122
+
135
123
  .ui.active.rating .icon {
136
124
  cursor: pointer;
137
125
  }
138
126
 
139
127
  /* active icons */
128
+
140
129
  .ui.rating .active.icon {
141
130
  color: #FFCB08 !important;
142
131
  }
143
132
 
144
-
145
133
  /*-------------------
146
134
  Hover
147
135
  --------------------*/
148
136
 
149
137
  /* rating */
138
+
150
139
  .ui.rating.hover .active.icon {
151
140
  opacity: 0.5;
152
141
  }
153
142
 
154
143
  /* icon */
144
+
155
145
  .ui.rating .icon.hover,
156
146
  .ui.rating .icon.hover.active {
157
147
  opacity: 1;
158
148
  color: #FFB70A !important;
159
149
  }
160
150
 
161
-
162
151
  /*******************************
163
152
  Variations
164
153
  *******************************/
@@ -166,13 +155,16 @@
166
155
  .ui.small.rating .icon {
167
156
  font-size: 0.75rem;
168
157
  }
158
+
169
159
  .ui.rating .icon {
170
160
  font-size: 1rem;
171
161
  }
162
+
172
163
  .ui.large.rating .icon {
173
164
  font-size: 1.5rem;
174
165
  vertical-align: middle;
175
166
  }
167
+
176
168
  .ui.huge.rating .icon {
177
169
  font-size: 2rem;
178
170
  vertical-align: middle;
@@ -13,7 +13,7 @@
13
13
  Reveal
14
14
  *******************************/
15
15
 
16
- .ui.reveal {
16
+ .ui.reveal {
17
17
  display: inline-block;
18
18
  position: relative !important;
19
19
  z-index: 2 !important;
@@ -25,18 +25,8 @@
25
25
  }
26
26
 
27
27
  .ui.reveal > .visible.content {
28
- -webkit-transition:
29
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
30
- ;
31
- -moz-transition:
32
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
33
- ;
34
- -ms-transition:
35
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
36
- ;
37
- transition:
38
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
39
- ;
28
+ -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
29
+ transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
40
30
  }
41
31
 
42
32
  .ui.reveal > .visible.content {
@@ -44,19 +34,10 @@
44
34
  top: 0em !important;
45
35
  left: 0em !important;
46
36
  z-index: 4 !important;
47
- -webkit-transition:
48
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
49
- ;
50
- -moz-transition:
51
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
52
- ;
53
- -ms-transition:
54
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
55
- ;
56
- transition:
57
- all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
58
- ;
37
+ -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
38
+ transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
59
39
  }
40
+
60
41
  .ui.reveal > .hidden.content {
61
42
  position: relative !important;
62
43
  z-index: 3 !important;
@@ -70,13 +51,10 @@
70
51
  overflow: hidden;
71
52
  }
72
53
 
73
-
74
-
75
54
  /*******************************
76
55
  Types
77
56
  *******************************/
78
57
 
79
-
80
58
  /*--------------
81
59
  Slide
82
60
  ---------------*/
@@ -85,56 +63,41 @@
85
63
  position: relative !important;
86
64
  display: block;
87
65
  overflow: hidden !important;
88
-
89
66
  white-space: nowrap;
90
67
  }
91
68
 
92
69
  .ui.slide.reveal > .content {
93
70
  display: block;
94
71
  float: left;
95
-
96
72
  -webkit-box-sizing: border-box;
97
73
  -moz-box-sizing: border-box;
98
74
  -ms-box-sizing: border-box;
99
75
  box-sizing: border-box;
100
-
101
76
  margin: 0em;
102
- -webkit-transition:
103
- top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
104
- left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
105
- right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
106
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
107
- ;
108
- -moz-transition:
109
- top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
110
- left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
111
- right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
112
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
113
- ;
114
- -ms-transition:
115
- top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
77
+ -webkit-transition: top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
116
78
  left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
117
79
  right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
118
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
119
- ;
120
- transition:
121
- top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
80
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
81
+ transition: top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
122
82
  left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
123
83
  right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
124
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
125
- ;
84
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
126
85
  }
86
+
127
87
  .ui.slide.reveal > .visible.content {
128
88
  position: relative !important;
129
89
  }
90
+
130
91
  .ui.slide.reveal > .hidden.content {
131
92
  position: absolute !important;
132
93
  left: 100% !important;
133
94
  width: 100% !important;
134
95
  }
96
+
135
97
  .ui.slide.reveal:hover > .visible.content {
136
98
  left: -100% !important;
137
99
  }
100
+
138
101
  .ui.slide.reveal:hover > .hidden.content {
139
102
  left: 0% !important;
140
103
  }
@@ -142,14 +105,17 @@
142
105
  .ui.right.slide.reveal > .visible.content {
143
106
  left: 0%;
144
107
  }
108
+
145
109
  .ui.right.slide.reveal > .hidden.content {
146
110
  left: auto !important;
147
111
  right: 100% !important;
148
112
  }
113
+
149
114
  .ui.right.slide.reveal:hover > .visible.content {
150
115
  left: 100% !important;
151
116
  right: auto !important;
152
117
  }
118
+
153
119
  .ui.right.slide.reveal:hover > .hidden.content {
154
120
  left: auto !important;
155
121
  right: 0% !important;
@@ -161,16 +127,19 @@
161
127
  right: auto !important;
162
128
  bottom: auto !important;
163
129
  }
130
+
164
131
  .ui.up.slide.reveal > .hidden.content {
165
132
  top: 100% !important;
166
133
  left: 0% !important;
167
134
  right: auto !important;
168
135
  bottom: auto !important;
169
136
  }
137
+
170
138
  .ui.slide.up.reveal:hover > .visible.content {
171
139
  top: -100% !important;
172
140
  left: 0% !important;
173
141
  }
142
+
174
143
  .ui.slide.up.reveal:hover > .hidden.content {
175
144
  top: 0% !important;
176
145
  left: 0% !important;
@@ -182,23 +151,24 @@
182
151
  bottom: auto !important;
183
152
  bottom: 0% !important;
184
153
  }
154
+
185
155
  .ui.down.slide.reveal > .hidden.content {
186
156
  top: auto !important;
187
157
  right: auto !important;
188
158
  bottom: 100% !important;
189
159
  left: 0% !important;
190
160
  }
161
+
191
162
  .ui.slide.down.reveal:hover > .visible.content {
192
163
  left: 0% !important;
193
164
  bottom: -100% !important;
194
165
  }
166
+
195
167
  .ui.slide.down.reveal:hover > .hidden.content {
196
168
  left: 0% !important;
197
169
  bottom: 0% !important;
198
170
  }
199
171
 
200
-
201
-
202
172
  /*--------------
203
173
  Fade
204
174
  ---------------*/
@@ -206,11 +176,11 @@
206
176
  .ui.fade.reveal > .visible.content {
207
177
  opacity: 1;
208
178
  }
179
+
209
180
  .ui.fade.reveal:hover > .visible.content {
210
181
  opacity: 0;
211
182
  }
212
183
 
213
-
214
184
  /*--------------
215
185
  Move
216
186
  ---------------*/
@@ -222,6 +192,7 @@
222
192
  bottom: auto !important;
223
193
  right: 0% !important;
224
194
  }
195
+
225
196
  .ui.move.reveal:hover > .visible.content,
226
197
  .ui.move.left.reveal:hover > .visible.content {
227
198
  right: 100% !important;
@@ -233,6 +204,7 @@
233
204
  bottom: auto !important;
234
205
  left: 0% !important;
235
206
  }
207
+
236
208
  .ui.move.right.reveal:hover > .visible.content {
237
209
  left: 100% !important;
238
210
  }
@@ -241,9 +213,9 @@
241
213
  right: auto !important;
242
214
  left: auto !important;
243
215
  top: auto !important;
244
-
245
216
  bottom: 0% !important;
246
217
  }
218
+
247
219
  .ui.move.up.reveal:hover > .visible.content {
248
220
  bottom: 100% !important;
249
221
  }
@@ -252,29 +224,22 @@
252
224
  right: auto !important;
253
225
  left: auto !important;
254
226
  bottom: auto !important;
255
-
256
227
  top: 0% !important;
257
228
  bottom: auto !important;
258
229
  }
230
+
259
231
  .ui.move.down.reveal:hover > .visible.content {
260
232
  top: 100% !important;
261
233
  }
262
234
 
263
-
264
235
  /*--------------
265
236
  Rotate
266
237
  ---------------*/
267
238
 
268
239
  .ui.rotate.reveal > .visible.content {
269
240
  -webkit-transition-duration: 0.8s;
270
- -moz-transition-duration: 0.8s;
271
- -o-transition-duration: 0.8s;
272
- -ms-transition-duration: 0.8s;
273
241
  transition-duration: 0.8s;
274
-
275
242
  -webkit-transform: rotate(0deg);
276
- -moz-transform: rotate(0deg);
277
- -o-transform: rotate(0deg);
278
243
  -ms-transform: rotate(0deg);
279
244
  transform: rotate(0deg);
280
245
  }
@@ -282,31 +247,25 @@
282
247
  .ui.rotate.reveal > .visible.content,
283
248
  .ui.rotate.right.reveal > .visible.content {
284
249
  -webkit-transform-origin: bottom right;
285
- -moz-transform-origin: bottom right;
286
- -o-transform-origin: bottom right;
287
250
  -ms-transform-origin: bottom right;
288
251
  transform-origin: bottom right;
289
252
  }
253
+
290
254
  .ui.rotate.reveal:hover > .visible.content,
291
255
  .ui.rotate.right.reveal:hover > .visible.content {
292
256
  -webkit-transform: rotate(110deg);
293
- -moz-transform: rotate(110deg);
294
- -o-transform: rotate(110deg);
295
257
  -ms-transform: rotate(110deg);
296
258
  transform: rotate(110deg);
297
259
  }
298
260
 
299
261
  .ui.rotate.left.reveal > .visible.content {
300
262
  -webkit-transform-origin: bottom left;
301
- -moz-transform-origin: bottom left;
302
- -o-transform-origin: bottom left;
303
263
  -ms-transform-origin: bottom left;
304
264
  transform-origin: bottom left;
305
265
  }
266
+
306
267
  .ui.rotate.left.reveal:hover > .visible.content {
307
268
  -webkit-transform: rotate(-110deg);
308
- -moz-transform: rotate(-110deg);
309
- -o-transform: rotate(-110deg);
310
269
  -ms-transform: rotate(-110deg);
311
270
  transform: rotate(-110deg);
312
271
  }
@@ -318,13 +277,12 @@
318
277
  .ui.disabled.reveal {
319
278
  opacity: 1 !important;
320
279
  }
280
+
321
281
  .ui.disabled.reveal > .content {
322
282
  -webkit-transition: none !important;
323
- -moz-transition: none !important;
324
- -o-transition: none !important;
325
- -ms-transition: none !important;
326
283
  transition: none !important;
327
284
  }
285
+
328
286
  .ui.disabled.reveal:hover > .visible.content {
329
287
  position: static !important;
330
288
  display: block !important;
@@ -333,13 +291,15 @@
333
291
  left: 0 !important;
334
292
  right: auto !important;
335
293
  bottom: auto !important;
294
+ -webkit-transform: none !important;
295
+ -ms-transform: none !important;
336
296
  transform: none !important;
337
297
  }
298
+
338
299
  .ui.disabled.reveal:hover > .hidden.content {
339
300
  display: none !important;
340
301
  }
341
302
 
342
-
343
303
  /*******************************
344
304
  Variations
345
305
  *******************************/
@@ -358,8 +318,5 @@
358
318
 
359
319
  .ui.instant.reveal > .content {
360
320
  -webkit-transition-delay: 0s !important;
361
- -moz-transition-delay: 0s !important;
362
- -o-transition-delay: 0s !important;
363
- -ms-transition-delay: 0s !important;
364
321
  transition-delay: 0s !important;
365
322
  }