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
@@ -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
  }