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
@@ -21,6 +21,7 @@ ol.ui.list,
21
21
  margin: 1em 0em;
22
22
  padding: 0em;
23
23
  }
24
+
24
25
  ul.ui.list ul,
25
26
  ol.ui.list ol,
26
27
  .ui.list .list {
@@ -40,19 +41,18 @@ ol.ui.list:last-child,
40
41
  margin-bottom: 0em;
41
42
  }
42
43
 
43
-
44
44
  /*******************************
45
45
  Content
46
46
  *******************************/
47
47
 
48
48
  /* List Item */
49
+
49
50
  ul.ui.list li,
50
51
  ol.ui.list li,
51
52
  .ui.list .item {
52
53
  display: list-item;
53
54
  list-style-type: none;
54
55
  list-style-position: inside;
55
-
56
56
  padding: 0.3em 0em;
57
57
  line-height: 1.2;
58
58
  }
@@ -65,39 +65,41 @@ ol.ui.list li,
65
65
  visibility: hidden;
66
66
  }
67
67
 
68
-
69
68
  /* Icon */
69
+
70
70
  .ui.list .item > .icon {
71
71
  display: table-cell;
72
72
  margin: 0em;
73
73
  padding: 0.1em 0.5em 0em 0em;
74
74
  vertical-align: top;
75
75
  }
76
+
76
77
  .ui.list .item > .icon:only-child {
77
78
  display: inline-block;
78
79
  }
80
+
79
81
  .ui.horizontal.list .item > .icon {
80
82
  padding: 0em 0.25em 0em 0em;
81
83
  }
82
84
 
83
85
  /* Image */
86
+
84
87
  .ui.list .item > img {
85
88
  display: inline-block;
86
89
  width: 2em;
87
90
  margin-right: 0.5em;
88
-
89
91
  vertical-align: middle;
90
- -webkit-border-radius: 0.2em;
91
- -moz-border-radius: 0.2em;
92
92
  border-radius: 0.2em;
93
93
  }
94
94
 
95
95
  /* Content */
96
+
96
97
  .ui.list .item > .content {
97
98
  display: inline-block;
98
99
  vertical-align: middle;
99
100
  line-height: 1.2;
100
101
  }
102
+
101
103
  .ui.list .item > .icon + .content {
102
104
  display: table-cell;
103
105
  vertical-align: top;
@@ -105,39 +107,39 @@ ol.ui.list li,
105
107
  }
106
108
 
107
109
  /* Link */
110
+
108
111
  .ui.list a {
109
112
  cursor: pointer;
110
113
  }
114
+
111
115
  .ui.list a .icon {
112
116
  color: rgba(0, 0, 0, 0.6);
113
-
114
117
  -webkit-transition: color 0.2s ease;
115
- -moz-transition: color 0.2s ease;
116
- -o-transition: color 0.2s ease;
117
- -ms-transition: color 0.2s ease;
118
118
  transition: color 0.2s ease;
119
119
  }
120
120
 
121
121
  /* Header */
122
+
122
123
  .ui.list .header {
123
124
  font-weight: bold;
124
125
  }
126
+
125
127
  .ui.list .description {
126
128
  color: rgba(0, 0, 0, 0.5);
127
129
  }
128
130
 
129
131
  /* Floated Content */
132
+
130
133
  .ui.list .item > .left.floated {
131
134
  margin-right: 1em;
132
135
  float: left;
133
136
  }
137
+
134
138
  .ui.list .item > .right.floated {
135
139
  margin-left: 1em;
136
140
  float: right;
137
141
  }
138
142
 
139
-
140
-
141
143
  /*******************************
142
144
  Types
143
145
  *******************************/
@@ -150,6 +152,7 @@ ol.ui.list li,
150
152
  display: inline-block;
151
153
  font-size: 0em;
152
154
  }
155
+
153
156
  .ui.horizontal.list .item {
154
157
  display: inline-block;
155
158
  margin-left: 1em;
@@ -172,8 +175,6 @@ ol.ui.list li,
172
175
  color: rgba(0, 0, 0, 0.8);
173
176
  }
174
177
 
175
-
176
-
177
178
  /*******************************
178
179
  Variations
179
180
  *******************************/
@@ -185,18 +186,22 @@ ol.ui.list li,
185
186
  .ui.link.list .item {
186
187
  color: rgba(0, 0, 0, 0.4);
187
188
  }
189
+
188
190
  .ui.link.list a.item,
189
191
  .ui.link.list .item a {
190
192
  color: rgba(0, 0, 0, 0.6);
191
193
  }
194
+
192
195
  .ui.link.list a.item:hover,
193
196
  .ui.link.list .item a:hover {
194
197
  color: rgba(0, 0, 0, 0.8);
195
198
  }
199
+
196
200
  .ui.link.list a.item:active,
197
201
  .ui.link.list .item a:active {
198
202
  color: rgba(0, 0, 0, 0.9);
199
203
  }
204
+
200
205
  .ui.link.list a.active.item,
201
206
  .ui.link.list .active.item a {
202
207
  color: rgba(0, 0, 0, 0.8);
@@ -210,41 +215,26 @@ ol.ui.list li,
210
215
  cursor: pointer;
211
216
  color: rgba(0, 0, 0, 0.4);
212
217
  padding: 0.5em;
213
-
214
- -webkit-transition:
215
- 0.2s color ease,
216
- 0.2s padding-left ease,
217
- 0.2s background-color ease
218
- ;
219
- -moz-transition:
220
- 0.2s color ease,
221
- 0.2s padding-left ease,
222
- 0.2s background-color ease
223
- ;
224
- -o-transition:
225
- 0.2s color ease,
218
+ -webkit-transition: 0.2s color ease,
226
219
  0.2s padding-left ease,
227
- 0.2s background-color ease
228
- ;
229
- -ms-transition:
230
- 0.2s color ease,
220
+ 0.2s background-color ease;
221
+ transition: 0.2s color ease,
231
222
  0.2s padding-left ease,
232
- 0.2s background-color ease
233
- ;
234
- transition:
235
- 0.2s color ease,
236
- 0.2s padding-left ease,
237
- 0.2s background-color ease
238
- ;
223
+ 0.2s background-color ease;
239
224
  }
225
+
240
226
  .ui.selection.list .item:hover {
241
227
  background-color: rgba(0, 0, 0, 0.02);
242
228
  color: rgba(0, 0, 0, 0.7);
243
229
  }
244
- .ui.selection.list:not(.horizontal, .ordered) .item:hover {
230
+
231
+ .ui.selection.list:not(.horizontal,
232
+ .ordered) .item:hover {
245
233
  padding-left: 1em;
246
234
  }
247
- .ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover {
235
+
236
+ .ui.selection.list:not(.horizontal,
237
+ .ordered) .item:hover .item:hover {
248
238
  padding-left: 0.5em;
249
239
  }
250
240
 
@@ -252,13 +242,12 @@ ol.ui.list li,
252
242
  background-color: rgba(0, 0, 0, 0.05);
253
243
  color: rgba(0, 0, 0, 0.7);
254
244
  }
245
+
255
246
  .ui.selection.list .item.active {
256
247
  background-color: rgba(0, 0, 0, 0.04);
257
248
  color: rgba(0, 0, 0, 0.7);
258
249
  }
259
250
 
260
-
261
-
262
251
  /*-------------------
263
252
  Bulleted
264
253
  --------------------*/
@@ -267,16 +256,17 @@ ul.ui.list,
267
256
  .ui.bulleted.list {
268
257
  margin-left: 1.5em;
269
258
  }
259
+
270
260
  ul.ui.list li,
271
261
  .ui.bulleted.list .item {
272
262
  position: relative;
273
263
  }
264
+
274
265
  ul.ui.list li:before,
275
266
  .ui.bulleted.list .item:before {
276
267
  position: absolute;
277
268
  left: -1.5em;
278
269
  content: '•';
279
-
280
270
  line-height: 1.2rem;
281
271
  vertical-align: top;
282
272
  }
@@ -287,22 +277,27 @@ ul.ui.list ul,
287
277
  }
288
278
 
289
279
  /* Horizontal Bulleted */
280
+
290
281
  ul.ui.horizontal.bulleted.list,
291
282
  .ui.horizontal.bulleted.list {
292
283
  margin-left: 0em;
293
284
  }
285
+
294
286
  ul.ui.horizontal.bulleted.list li,
295
287
  .ui.horizontal.bulleted.list .item {
296
288
  margin-left: 1.5em;
297
289
  }
290
+
298
291
  ul.ui.horizontal.bulleted.list li:before,
299
292
  .ui.horizontal.bulleted.list .item:before {
300
293
  left: -0.9em;
301
294
  }
295
+
302
296
  ul.ui.horizontal.bulleted.list li:first-child,
303
297
  .ui.horizontal.bulleted.list .item:first-child {
304
298
  margin-left: 0em;
305
299
  }
300
+
306
301
  ul.ui.horizontal.bulleted.list li:first-child::before,
307
302
  .ui.horizontal.bulleted.list .item:first-child::before {
308
303
  display: none;
@@ -318,19 +313,19 @@ ol.ui.list,
318
313
  margin-left: 2em;
319
314
  list-style-type: none;
320
315
  }
316
+
321
317
  ol.ui.list li,
322
318
  .ui.ordered.list .item {
323
319
  list-style-type: none;
324
320
  position: relative;
325
321
  }
322
+
326
323
  ol.ui.list li:before,
327
324
  .ui.ordered.list .item:before {
328
325
  position: absolute;
329
326
  left: -2em;
330
-
331
327
  counter-increment: ordered;
332
328
  content: counters(ordered, ".");
333
-
334
329
  text-align: right;
335
330
  vertical-align: top;
336
331
  opacity: 0.75;
@@ -348,17 +343,18 @@ ol.ui.list ol li:before,
348
343
  }
349
344
 
350
345
  /* Horizontal Ordered */
346
+
351
347
  ol.ui.horizontal.list,
352
348
  .ui.ordered.horizontal.list {
353
349
  margin-left: 0em;
354
350
  }
351
+
355
352
  ol.ui.horizontal.list li:before,
356
353
  .ui.ordered.horizontal.list .item:before {
357
354
  position: static;
358
355
  margin: 0em 0.5em 0em 0em;
359
356
  }
360
357
 
361
-
362
358
  /*-------------------
363
359
  Divided
364
360
  --------------------*/
@@ -369,75 +365,85 @@ ol.ui.horizontal.list li:before,
369
365
  padding-left: 0.5em;
370
366
  padding-right: 0.5em;
371
367
  }
368
+
372
369
  .ui.divided.list .item .menu .item {
373
370
  border-width: 0px;
374
371
  }
372
+
375
373
  .ui.divided.list .item:first-child {
376
374
  border-top-width: 0px;
377
375
  }
378
376
 
379
377
  /* Sub Menu */
378
+
380
379
  .ui.divided.list .list {
381
380
  margin-left: -0.5em;
382
381
  margin-right: -0.5em;
383
382
  }
383
+
384
384
  .ui.divided.list .list .item {
385
385
  padding-left: 1em;
386
386
  padding-right: 1em;
387
387
  }
388
+
388
389
  .ui.divided.list .list .item:first-child {
389
390
  border-top-width: 1px;
390
391
  }
391
392
 
392
393
  /* Divided bulleted */
394
+
393
395
  .ui.divided.bulleted.list {
394
396
  margin-left: 0em;
395
397
  }
398
+
396
399
  .ui.divided.bulleted.list .item {
397
400
  padding-left: 1.5em;
398
401
  }
402
+
399
403
  .ui.divided.bulleted.list .item:before {
400
404
  left: 0.5em;
401
405
  }
402
406
 
403
407
  /* Divided ordered */
408
+
404
409
  .ui.divided.ordered.list {
405
410
  margin-left: 0em;
406
411
  }
412
+
407
413
  .ui.divided.ordered.list > .item {
408
414
  padding-left: 2em;
409
415
  padding-right: 2em;
410
416
  }
417
+
411
418
  .ui.divided.ordered.list > .item:before {
412
419
  left: 0.5em;
413
420
  }
421
+
414
422
  .ui.divided.ordered.list .item .list {
415
423
  margin-left: -2em;
416
424
  margin-right: -2em;
417
425
  }
418
426
 
419
-
420
427
  /* Divided horizontal */
428
+
421
429
  .ui.divided.horizontal.list {
422
430
  margin-left: 0em;
423
431
  }
432
+
424
433
  .ui.divided.horizontal.list .item {
425
434
  border-top: none;
426
435
  border-left: 1px solid rgba(0, 0, 0, 0.1);
427
436
  margin: 0em;
428
437
  padding-left: 0.75em;
429
438
  padding-right: 0.75em;
430
-
431
439
  line-height: 0.6;
432
440
  }
441
+
433
442
  .ui.horizontal.divided.list .item:first-child {
434
443
  border-left: none;
435
444
  padding-left: 0em;
436
445
  }
437
446
 
438
-
439
-
440
-
441
447
  /*-------------------
442
448
  Celled
443
449
  --------------------*/
@@ -448,62 +454,75 @@ ol.ui.horizontal.list li:before,
448
454
  padding-left: 0.5em;
449
455
  padding-right: 0.5em;
450
456
  }
457
+
451
458
  .ui.celled.list > .item:last-child {
452
459
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
453
460
  }
454
461
 
455
462
  /* Sub Menu */
463
+
456
464
  .ui.celled.list .item .list {
457
465
  margin-left: -0.5em;
458
466
  margin-right: -0.5em;
459
467
  }
468
+
460
469
  .ui.celled.list .item .list .item {
461
470
  border-width: 0px;
462
471
  }
472
+
463
473
  .ui.celled.list .list .item:first-child {
464
474
  border-top-width: 0px;
465
475
  }
466
476
 
467
477
  /* Celled Bulleted */
478
+
468
479
  .ui.celled.bulleted.list {
469
480
  margin-left: 0em;
470
481
  }
482
+
471
483
  .ui.celled.bulleted.list > .item {
472
484
  padding-left: 1.5em;
473
485
  }
486
+
474
487
  .ui.celled.bulleted.list > .item:before {
475
488
  left: 0.5em;
476
489
  }
477
490
 
478
491
  /* Celled Ordered */
492
+
479
493
  .ui.celled.ordered.list {
480
494
  margin-left: 0em;
481
495
  }
496
+
482
497
  .ui.celled.ordered.list .item {
483
498
  padding-left: 2em;
484
499
  padding-right: 2em;
485
500
  }
501
+
486
502
  .ui.celled.ordered.list .item:before {
487
503
  left: 0.5em;
488
504
  }
505
+
489
506
  .ui.celled.ordered.list .item .list {
490
507
  margin-left: -2em;
491
508
  margin-right: -2em;
492
509
  }
493
510
 
494
511
  /* Celled Horizontal */
512
+
495
513
  .ui.horizontal.celled.list {
496
514
  margin-left: 0em;
497
515
  }
516
+
498
517
  .ui.horizontal.celled.list .item {
499
518
  border-top: none;
500
519
  border-left: 1px solid rgba(0, 0, 0, 0.1);
501
520
  margin: 0em;
502
521
  padding-left: 0.75em;
503
522
  padding-right: 0.75em;
504
-
505
523
  line-height: 0.6;
506
524
  }
525
+
507
526
  .ui.horizontal.celled.list .item:last-child {
508
527
  border-bottom: none;
509
528
  border-right: 1px solid rgba(0, 0, 0, 0.1);
@@ -517,6 +536,7 @@ ol.ui.horizontal.list li:before,
517
536
  padding-top: 0.5em;
518
537
  padding-bottom: 0.5em;
519
538
  }
539
+
520
540
  .ui.horizontal.relaxed.list .item {
521
541
  padding-left: 1.25em;
522
542
  padding-right: 1.25em;
@@ -526,12 +546,12 @@ ol.ui.horizontal.list li:before,
526
546
  padding-top: 1em;
527
547
  padding-bottom: 1em;
528
548
  }
549
+
529
550
  .ui.horizontal.very.relaxed.list .item {
530
551
  padding-left: 2em;
531
552
  padding-right: 2em;
532
553
  }
533
554
 
534
-
535
555
  /*-------------------
536
556
  Sizes
537
557
  --------------------*/
@@ -539,24 +559,31 @@ ol.ui.horizontal.list li:before,
539
559
  .ui.mini.list .item {
540
560
  font-size: 0.7rem;
541
561
  }
562
+
542
563
  .ui.tiny.list .item {
543
564
  font-size: 0.8125rem;
544
565
  }
566
+
545
567
  .ui.small.list .item {
546
568
  font-size: 0.875rem;
547
569
  }
570
+
548
571
  .ui.list .item {
549
572
  font-size: 1em;
550
573
  }
574
+
551
575
  .ui.large.list .item {
552
576
  font-size: 1.125rem;
553
577
  }
578
+
554
579
  .ui.big.list .item {
555
580
  font-size: 1.25rem;
556
581
  }
582
+
557
583
  .ui.huge.list .item {
558
584
  font-size: 1.375rem;
559
585
  }
586
+
560
587
  .ui.massive.list .item {
561
588
  font-size: 1.5rem;
562
589
  }