semantic-ui-sass 2.1.6.0 → 2.1.8.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 (57) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/README.md +2 -0
  4. data/app/assets/javascripts/semantic-ui/api.js +22 -16
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +4 -4
  6. data/app/assets/javascripts/semantic-ui/popup.js +7 -3
  7. data/app/assets/javascripts/semantic-ui/search.js +36 -11
  8. data/app/assets/javascripts/semantic-ui/transition.js +1 -1
  9. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
  10. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +42 -47
  11. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +32 -32
  12. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +75 -74
  13. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +51 -51
  14. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +61 -61
  15. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +284 -284
  16. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
  18. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +10 -2
  19. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +41 -41
  20. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +55 -55
  21. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  22. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +13 -13
  23. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +115 -115
  24. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -3
  25. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -3
  26. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  27. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +47 -47
  29. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +12 -12
  30. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +6 -6
  32. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +2 -2
  33. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -19
  34. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  35. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +20 -20
  36. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -4
  37. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +9 -9
  38. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -4
  39. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +14 -14
  40. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +45 -45
  41. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +9 -9
  42. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +47 -14
  43. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  44. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -18
  45. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
  49. data/app/assets/stylesheets/semantic-ui/views/_card.scss +35 -35
  50. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -3
  52. data/app/assets/stylesheets/semantic-ui/views/_item.scss +5 -5
  53. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +26 -26
  54. data/app/helpers/semantic_icon_helper.rb +2 -2
  55. data/lib/semantic/ui/sass/version.rb +2 -2
  56. data/spec/helpers/semantic_icon_helper_spec.rb +16 -0
  57. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - List
2
+ * # Semantic UI 2.1.7 - List
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -182,7 +182,7 @@ ol.ui.list ol li,
182
182
  .ui.list .list > a.item,
183
183
  .ui.list > a.item {
184
184
  cursor: pointer;
185
- color: #4183C4;
185
+ color: #4183c4;
186
186
  }
187
187
  .ui.list .list > a.item:hover,
188
188
  .ui.list > a.item:hover {
@@ -199,7 +199,7 @@ ol.ui.list ol li,
199
199
  .ui.list .list > .item a.header,
200
200
  .ui.list > .item a.header {
201
201
  cursor: pointer;
202
- color: #4183C4 !important;
202
+ color: #4183c4 !important;
203
203
  }
204
204
  .ui.list .list > .item a.header:hover,
205
205
  .ui.list > .item a.header:hover {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Loader
2
+ * # Semantic UI 2.1.7 - Loader
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -126,7 +126,7 @@
126
126
  border-color: rgba(255, 255, 255, 0.15);
127
127
  }
128
128
  .ui.dimmer .ui.loader:after {
129
- border-color: #FFFFFF transparent transparent;
129
+ border-color: #ffffff transparent transparent;
130
130
  }
131
131
 
132
132
  /* White Dimmer (Inverted) */
@@ -243,7 +243,7 @@
243
243
  border-color: rgba(255, 255, 255, 0.15);
244
244
  }
245
245
  .ui.inverted.loader:after {
246
- border-top-color: #FFFFFF;
246
+ border-top-color: #ffffff;
247
247
  }
248
248
 
249
249
  /*-------------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Rail
2
+ * # Semantic UI 2.1.7 - Rail
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Reveal
2
+ * # Semantic UI 2.1.7 - Reveal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Segment
2
+ * # Semantic UI 2.1.7 - Segment
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -16,7 +16,7 @@
16
16
 
17
17
  .ui.segment {
18
18
  position: relative;
19
- background: #FFFFFF;
19
+ background: #ffffff;
20
20
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
21
21
  margin: 1rem 0em;
22
22
  padding: 1em 1em;
@@ -52,7 +52,7 @@
52
52
 
53
53
  /* Header */
54
54
  .ui.inverted.segment > .ui.header {
55
- color: #FFFFFF;
55
+ color: #ffffff;
56
56
  }
57
57
 
58
58
  /* Label */
@@ -87,7 +87,7 @@
87
87
 
88
88
  /* Table */
89
89
  .ui.basic.table.segment {
90
- background: #FFFFFF;
90
+ background: #ffffff;
91
91
  border: 1px solid rgba(34, 36, 38, 0.15);
92
92
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
93
93
  }
@@ -121,7 +121,7 @@
121
121
  .ui.piled.segments:before,
122
122
  .ui.piled.segment:after,
123
123
  .ui.piled.segment:before {
124
- background-color: #FFFFFF;
124
+ background-color: #ffffff;
125
125
  visibility: visible;
126
126
  content: '';
127
127
  display: block;
@@ -345,7 +345,7 @@
345
345
  background-color: transparent;
346
346
  border-radius: 0px;
347
347
  padding: 0em;
348
- background-color: #FFFFFF;
348
+ background-color: #ffffff;
349
349
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
350
350
  margin: 1rem 0em;
351
351
  border-radius: 0.28571429rem;
@@ -503,101 +503,101 @@
503
503
 
504
504
  /* Red */
505
505
  .ui.red.segment:not(.inverted) {
506
- border-top: 2px solid #DB2828;
506
+ border-top: 2px solid #db2828;
507
507
  }
508
508
  .ui.inverted.red.segment {
509
- background-color: #DB2828 !important;
510
- color: #FFFFFF !important;
509
+ background-color: #db2828 !important;
510
+ color: #ffffff !important;
511
511
  }
512
512
 
513
513
  /* Orange */
514
514
  .ui.orange.segment:not(.inverted) {
515
- border-top: 2px solid #F2711C;
515
+ border-top: 2px solid #f2711c;
516
516
  }
517
517
  .ui.inverted.orange.segment {
518
- background-color: #F2711C !important;
519
- color: #FFFFFF !important;
518
+ background-color: #f2711c !important;
519
+ color: #ffffff !important;
520
520
  }
521
521
 
522
522
  /* Yellow */
523
523
  .ui.yellow.segment:not(.inverted) {
524
- border-top: 2px solid #FBBD08;
524
+ border-top: 2px solid #fbbd08;
525
525
  }
526
526
  .ui.inverted.yellow.segment {
527
- background-color: #FBBD08 !important;
528
- color: #FFFFFF !important;
527
+ background-color: #fbbd08 !important;
528
+ color: #ffffff !important;
529
529
  }
530
530
 
531
531
  /* Olive */
532
532
  .ui.olive.segment:not(.inverted) {
533
- border-top: 2px solid #B5CC18;
533
+ border-top: 2px solid #b5cc18;
534
534
  }
535
535
  .ui.inverted.olive.segment {
536
- background-color: #B5CC18 !important;
537
- color: #FFFFFF !important;
536
+ background-color: #b5cc18 !important;
537
+ color: #ffffff !important;
538
538
  }
539
539
 
540
540
  /* Green */
541
541
  .ui.green.segment:not(.inverted) {
542
- border-top: 2px solid #21BA45;
542
+ border-top: 2px solid #21ba45;
543
543
  }
544
544
  .ui.inverted.green.segment {
545
- background-color: #21BA45 !important;
546
- color: #FFFFFF !important;
545
+ background-color: #21ba45 !important;
546
+ color: #ffffff !important;
547
547
  }
548
548
 
549
549
  /* Teal */
550
550
  .ui.teal.segment:not(.inverted) {
551
- border-top: 2px solid #00B5AD;
551
+ border-top: 2px solid #00b5ad;
552
552
  }
553
553
  .ui.inverted.teal.segment {
554
- background-color: #00B5AD !important;
555
- color: #FFFFFF !important;
554
+ background-color: #00b5ad !important;
555
+ color: #ffffff !important;
556
556
  }
557
557
 
558
558
  /* Blue */
559
559
  .ui.blue.segment:not(.inverted) {
560
- border-top: 2px solid #2185D0;
560
+ border-top: 2px solid #2185d0;
561
561
  }
562
562
  .ui.inverted.blue.segment {
563
- background-color: #2185D0 !important;
564
- color: #FFFFFF !important;
563
+ background-color: #2185d0 !important;
564
+ color: #ffffff !important;
565
565
  }
566
566
 
567
567
  /* Violet */
568
568
  .ui.violet.segment:not(.inverted) {
569
- border-top: 2px solid #6435C9;
569
+ border-top: 2px solid #6435c9;
570
570
  }
571
571
  .ui.inverted.violet.segment {
572
- background-color: #6435C9 !important;
573
- color: #FFFFFF !important;
572
+ background-color: #6435c9 !important;
573
+ color: #ffffff !important;
574
574
  }
575
575
 
576
576
  /* Purple */
577
577
  .ui.purple.segment:not(.inverted) {
578
- border-top: 2px solid #A333C8;
578
+ border-top: 2px solid #a333c8;
579
579
  }
580
580
  .ui.inverted.purple.segment {
581
- background-color: #A333C8 !important;
582
- color: #FFFFFF !important;
581
+ background-color: #a333c8 !important;
582
+ color: #ffffff !important;
583
583
  }
584
584
 
585
585
  /* Pink */
586
586
  .ui.pink.segment:not(.inverted) {
587
- border-top: 2px solid #E03997;
587
+ border-top: 2px solid #e03997;
588
588
  }
589
589
  .ui.inverted.pink.segment {
590
- background-color: #E03997 !important;
591
- color: #FFFFFF !important;
590
+ background-color: #e03997 !important;
591
+ color: #ffffff !important;
592
592
  }
593
593
 
594
594
  /* Brown */
595
595
  .ui.brown.segment:not(.inverted) {
596
- border-top: 2px solid #A5673F;
596
+ border-top: 2px solid #a5673f;
597
597
  }
598
598
  .ui.inverted.brown.segment {
599
- background-color: #A5673F !important;
600
- color: #FFFFFF !important;
599
+ background-color: #a5673f !important;
600
+ color: #ffffff !important;
601
601
  }
602
602
 
603
603
  /* Grey */
@@ -606,16 +606,16 @@
606
606
  }
607
607
  .ui.inverted.grey.segment {
608
608
  background-color: #767676 !important;
609
- color: #FFFFFF !important;
609
+ color: #ffffff !important;
610
610
  }
611
611
 
612
612
  /* Black */
613
613
  .ui.black.segment:not(.inverted) {
614
- border-top: 2px solid #1B1C1D;
614
+ border-top: 2px solid #1b1c1d;
615
615
  }
616
616
  .ui.inverted.black.segment {
617
- background-color: #1B1C1D !important;
618
- color: #FFFFFF !important;
617
+ background-color: #1b1c1d !important;
618
+ color: #ffffff !important;
619
619
  }
620
620
 
621
621
  /*-------------------
@@ -656,7 +656,7 @@
656
656
  }
657
657
  .ui.inverted.segment,
658
658
  .ui.primary.inverted.segment {
659
- background: #1B1C1D;
659
+ background: #1b1c1d;
660
660
  color: rgba(255, 255, 255, 0.9);
661
661
  }
662
662
 
@@ -680,7 +680,7 @@
680
680
 
681
681
  /* Secondary */
682
682
  .ui.secondary.segment {
683
- background: #F3F4F5;
683
+ background: #f3f4f5;
684
684
  color: rgba(0, 0, 0, 0.6);
685
685
  }
686
686
  .ui.secondary.inverted.segment {
@@ -691,7 +691,7 @@
691
691
 
692
692
  /* Tertiary */
693
693
  .ui.tertiary.segment {
694
- background: #DCDDDE;
694
+ background: #dcddde;
695
695
  color: rgba(0, 0, 0, 0.6);
696
696
  }
697
697
  .ui.tertiary.inverted.segment {
@@ -714,7 +714,7 @@
714
714
  width: calc(100% + 2px );
715
715
  max-width: calc(100% + 2px );
716
716
  box-shadow: none;
717
- border: 1px solid #D4D4D5;
717
+ border: 1px solid #d4d4d5;
718
718
  }
719
719
  .ui.attached + .ui.attached.segment:not(.top) {
720
720
  border-top: none;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Step
2
+ * # Semantic UI 2.1.7 - Step
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -80,7 +80,7 @@
80
80
  justify-content: center;
81
81
  margin: 0em 0em;
82
82
  padding: 1.14285714em 2em;
83
- background: #FFFFFF;
83
+ background: #ffffff;
84
84
  color: rgba(0, 0, 0, 0.87);
85
85
  box-shadow: none;
86
86
  border-radius: 0em;
@@ -99,7 +99,7 @@
99
99
  top: 50%;
100
100
  right: 0%;
101
101
  border: medium none;
102
- background-color: #FFFFFF;
102
+ background-color: #ffffff;
103
103
  width: 1.14285714em;
104
104
  height: 1.14285714em;
105
105
  border-style: solid;
@@ -355,7 +355,7 @@
355
355
  .ui.steps .link.step:hover,
356
356
  .ui.steps a.step:hover::after,
357
357
  .ui.steps a.step:hover {
358
- background: #F9FAFB;
358
+ background: #f9fafb;
359
359
  color: rgba(0, 0, 0, 0.8);
360
360
  }
361
361
 
@@ -364,20 +364,20 @@
364
364
  .ui.steps .link.step:active,
365
365
  .ui.steps a.step:active::after,
366
366
  .ui.steps a.step:active {
367
- background: #F3F4F5;
367
+ background: #f3f4f5;
368
368
  color: rgba(0, 0, 0, 0.9);
369
369
  }
370
370
 
371
371
  /* Active */
372
372
  .ui.steps .step.active {
373
373
  cursor: auto;
374
- background: #F3F4F5;
374
+ background: #f3f4f5;
375
375
  }
376
376
  .ui.steps .step.active:after {
377
- background: #F3F4F5;
377
+ background: #f3f4f5;
378
378
  }
379
379
  .ui.steps .step.active .title {
380
- color: #4183C4;
380
+ color: #4183c4;
381
381
  }
382
382
  .ui.ordered.steps .step.active:before,
383
383
  .ui.steps .active.step .icon {
@@ -404,20 +404,20 @@
404
404
  .ui.steps a.active.step:hover::after,
405
405
  .ui.steps a.active.step:hover {
406
406
  cursor: pointer;
407
- background: #DCDDDE;
407
+ background: #dcddde;
408
408
  color: rgba(0, 0, 0, 0.87);
409
409
  }
410
410
 
411
411
  /* Completed */
412
412
  .ui.steps .step.completed > .icon:before,
413
413
  .ui.ordered.steps .step.completed:before {
414
- color: #21BA45;
414
+ color: #21ba45;
415
415
  }
416
416
 
417
417
  /* Disabled */
418
418
  .ui.steps .disabled.step {
419
419
  cursor: auto;
420
- background: #FFFFFF;
420
+ background: #ffffff;
421
421
  pointer-events: none;
422
422
  }
423
423
  .ui.steps .disabled.step,
@@ -426,7 +426,7 @@
426
426
  color: rgba(40, 40, 40, 0.3);
427
427
  }
428
428
  .ui.steps .disabled.step:after {
429
- background: #FFFFFF;
429
+ background: #ffffff;
430
430
  }
431
431
 
432
432
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Reset
2
+ * # Semantic UI 2.1.7 - Reset
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Site
2
+ * # Semantic UI 2.1.7 - Site
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -27,7 +27,7 @@ body {
27
27
  padding: 0px;
28
28
  overflow-x: hidden;
29
29
  min-width: 320px;
30
- background: #FFFFFF;
30
+ background: #ffffff;
31
31
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
32
32
  font-size: 14px;
33
33
  line-height: 1.4285em;
@@ -103,7 +103,7 @@ p:last-child {
103
103
  --------------------*/
104
104
 
105
105
  a {
106
- color: #4183C4;
106
+ color: #4183c4;
107
107
  text-decoration: none;
108
108
  }
109
109
  a:hover {
@@ -119,15 +119,15 @@ a:hover {
119
119
 
120
120
  /* Site */
121
121
  ::-webkit-selection {
122
- background-color: #CCE2FF;
122
+ background-color: #cce2ff;
123
123
  color: rgba(0, 0, 0, 0.87);
124
124
  }
125
125
  ::-moz-selection {
126
- background-color: #CCE2FF;
126
+ background-color: #cce2ff;
127
127
  color: rgba(0, 0, 0, 0.87);
128
128
  }
129
129
  ::selection {
130
- background-color: #CCE2FF;
130
+ background-color: #cce2ff;
131
131
  color: rgba(0, 0, 0, 0.87);
132
132
  }
133
133
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.6 - Accordion
2
+ * # Semantic UI 2.1.7 - Accordion
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -129,7 +129,7 @@
129
129
  .ui.styled.accordion,
130
130
  .ui.styled.accordion .accordion {
131
131
  border-radius: 0.28571429rem;
132
- background: #FFFFFF;
132
+ background: #ffffff;
133
133
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
134
134
  }
135
135
  .ui.styled.accordion .title,