semantic-ui-sass 0.8.1.0 → 0.8.2.0

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