semantic-ui-sass 2.1.4.0 → 2.1.6.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 (72) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/accordion.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/checkbox.js +9 -4
  6. data/app/assets/javascripts/semantic-ui/colorize.js +1 -1
  7. data/app/assets/javascripts/semantic-ui/dimmer.js +2 -2
  8. data/app/assets/javascripts/semantic-ui/dropdown.js +77 -52
  9. data/app/assets/javascripts/semantic-ui/embed.js +1 -1
  10. data/app/assets/javascripts/semantic-ui/form.js +6 -4
  11. data/app/assets/javascripts/semantic-ui/modal.js +6 -3
  12. data/app/assets/javascripts/semantic-ui/nag.js +1 -1
  13. data/app/assets/javascripts/semantic-ui/popup.js +12 -3
  14. data/app/assets/javascripts/semantic-ui/progress.js +2 -1
  15. data/app/assets/javascripts/semantic-ui/rating.js +1 -1
  16. data/app/assets/javascripts/semantic-ui/search.js +22 -9
  17. data/app/assets/javascripts/semantic-ui/shape.js +1 -1
  18. data/app/assets/javascripts/semantic-ui/sidebar.js +1 -1
  19. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  20. data/app/assets/javascripts/semantic-ui/state.js +1 -1
  21. data/app/assets/javascripts/semantic-ui/sticky.js +40 -20
  22. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  23. data/app/assets/javascripts/semantic-ui/transition.js +3 -1
  24. data/app/assets/javascripts/semantic-ui/visibility.js +1 -1
  25. data/app/assets/javascripts/semantic-ui/visit.js +1 -1
  26. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
  27. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +55 -51
  28. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +42 -42
  29. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -73
  30. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +50 -50
  31. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +81 -64
  32. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +284 -284
  33. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
  35. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +42 -41
  37. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +58 -55
  38. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +13 -13
  40. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +115 -115
  41. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -3
  42. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -3
  43. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +52 -47
  46. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +13 -13
  47. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +6 -6
  49. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +2 -2
  50. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -19
  51. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
  52. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +20 -20
  53. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -4
  54. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +12 -12
  55. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -4
  56. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +38 -8
  57. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +45 -45
  58. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +9 -9
  59. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +13 -13
  60. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  61. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -2
  62. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  65. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
  66. data/app/assets/stylesheets/semantic-ui/views/_card.scss +35 -35
  67. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  68. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -3
  69. data/app/assets/stylesheets/semantic-ui/views/_item.scss +5 -5
  70. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +26 -26
  71. data/lib/semantic/ui/sass/version.rb +2 -2
  72. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.4 - List
2
+ * # Semantic UI 2.1.6 - 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.4 - Loader
2
+ * # Semantic UI 2.1.6 - 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.4 - Rail
2
+ * # Semantic UI 2.1.6 - 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.4 - Reveal
2
+ * # Semantic UI 2.1.6 - 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.4 - Segment
2
+ * # Semantic UI 2.1.6 - 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;
@@ -378,6 +378,11 @@
378
378
  box-shadow: none;
379
379
  border-left: 1px solid rgba(34, 36, 38, 0.15);
380
380
  }
381
+
382
+ /* Border Fixes */
383
+ .ui.segments > .horizontal.segments:first-child {
384
+ border-top: none;
385
+ }
381
386
  .ui.horizontal.segments > .segment:first-child {
382
387
  border-left: none;
383
388
  }
@@ -498,101 +503,101 @@
498
503
 
499
504
  /* Red */
500
505
  .ui.red.segment:not(.inverted) {
501
- border-top: 2px solid #db2828;
506
+ border-top: 2px solid #DB2828;
502
507
  }
503
508
  .ui.inverted.red.segment {
504
- background-color: #db2828 !important;
505
- color: #ffffff !important;
509
+ background-color: #DB2828 !important;
510
+ color: #FFFFFF !important;
506
511
  }
507
512
 
508
513
  /* Orange */
509
514
  .ui.orange.segment:not(.inverted) {
510
- border-top: 2px solid #f2711c;
515
+ border-top: 2px solid #F2711C;
511
516
  }
512
517
  .ui.inverted.orange.segment {
513
- background-color: #f2711c !important;
514
- color: #ffffff !important;
518
+ background-color: #F2711C !important;
519
+ color: #FFFFFF !important;
515
520
  }
516
521
 
517
522
  /* Yellow */
518
523
  .ui.yellow.segment:not(.inverted) {
519
- border-top: 2px solid #fbbd08;
524
+ border-top: 2px solid #FBBD08;
520
525
  }
521
526
  .ui.inverted.yellow.segment {
522
- background-color: #fbbd08 !important;
523
- color: #ffffff !important;
527
+ background-color: #FBBD08 !important;
528
+ color: #FFFFFF !important;
524
529
  }
525
530
 
526
531
  /* Olive */
527
532
  .ui.olive.segment:not(.inverted) {
528
- border-top: 2px solid #b5cc18;
533
+ border-top: 2px solid #B5CC18;
529
534
  }
530
535
  .ui.inverted.olive.segment {
531
- background-color: #b5cc18 !important;
532
- color: #ffffff !important;
536
+ background-color: #B5CC18 !important;
537
+ color: #FFFFFF !important;
533
538
  }
534
539
 
535
540
  /* Green */
536
541
  .ui.green.segment:not(.inverted) {
537
- border-top: 2px solid #21ba45;
542
+ border-top: 2px solid #21BA45;
538
543
  }
539
544
  .ui.inverted.green.segment {
540
- background-color: #21ba45 !important;
541
- color: #ffffff !important;
545
+ background-color: #21BA45 !important;
546
+ color: #FFFFFF !important;
542
547
  }
543
548
 
544
549
  /* Teal */
545
550
  .ui.teal.segment:not(.inverted) {
546
- border-top: 2px solid #00b5ad;
551
+ border-top: 2px solid #00B5AD;
547
552
  }
548
553
  .ui.inverted.teal.segment {
549
- background-color: #00b5ad !important;
550
- color: #ffffff !important;
554
+ background-color: #00B5AD !important;
555
+ color: #FFFFFF !important;
551
556
  }
552
557
 
553
558
  /* Blue */
554
559
  .ui.blue.segment:not(.inverted) {
555
- border-top: 2px solid #2185d0;
560
+ border-top: 2px solid #2185D0;
556
561
  }
557
562
  .ui.inverted.blue.segment {
558
- background-color: #2185d0 !important;
559
- color: #ffffff !important;
563
+ background-color: #2185D0 !important;
564
+ color: #FFFFFF !important;
560
565
  }
561
566
 
562
567
  /* Violet */
563
568
  .ui.violet.segment:not(.inverted) {
564
- border-top: 2px solid #6435c9;
569
+ border-top: 2px solid #6435C9;
565
570
  }
566
571
  .ui.inverted.violet.segment {
567
- background-color: #6435c9 !important;
568
- color: #ffffff !important;
572
+ background-color: #6435C9 !important;
573
+ color: #FFFFFF !important;
569
574
  }
570
575
 
571
576
  /* Purple */
572
577
  .ui.purple.segment:not(.inverted) {
573
- border-top: 2px solid #a333c8;
578
+ border-top: 2px solid #A333C8;
574
579
  }
575
580
  .ui.inverted.purple.segment {
576
- background-color: #a333c8 !important;
577
- color: #ffffff !important;
581
+ background-color: #A333C8 !important;
582
+ color: #FFFFFF !important;
578
583
  }
579
584
 
580
585
  /* Pink */
581
586
  .ui.pink.segment:not(.inverted) {
582
- border-top: 2px solid #e03997;
587
+ border-top: 2px solid #E03997;
583
588
  }
584
589
  .ui.inverted.pink.segment {
585
- background-color: #e03997 !important;
586
- color: #ffffff !important;
590
+ background-color: #E03997 !important;
591
+ color: #FFFFFF !important;
587
592
  }
588
593
 
589
594
  /* Brown */
590
595
  .ui.brown.segment:not(.inverted) {
591
- border-top: 2px solid #a5673f;
596
+ border-top: 2px solid #A5673F;
592
597
  }
593
598
  .ui.inverted.brown.segment {
594
- background-color: #a5673f !important;
595
- color: #ffffff !important;
599
+ background-color: #A5673F !important;
600
+ color: #FFFFFF !important;
596
601
  }
597
602
 
598
603
  /* Grey */
@@ -601,16 +606,16 @@
601
606
  }
602
607
  .ui.inverted.grey.segment {
603
608
  background-color: #767676 !important;
604
- color: #ffffff !important;
609
+ color: #FFFFFF !important;
605
610
  }
606
611
 
607
612
  /* Black */
608
613
  .ui.black.segment:not(.inverted) {
609
- border-top: 2px solid #1b1c1d;
614
+ border-top: 2px solid #1B1C1D;
610
615
  }
611
616
  .ui.inverted.black.segment {
612
- background-color: #1b1c1d !important;
613
- color: #ffffff !important;
617
+ background-color: #1B1C1D !important;
618
+ color: #FFFFFF !important;
614
619
  }
615
620
 
616
621
  /*-------------------
@@ -651,7 +656,7 @@
651
656
  }
652
657
  .ui.inverted.segment,
653
658
  .ui.primary.inverted.segment {
654
- background: #1b1c1d;
659
+ background: #1B1C1D;
655
660
  color: rgba(255, 255, 255, 0.9);
656
661
  }
657
662
 
@@ -675,7 +680,7 @@
675
680
 
676
681
  /* Secondary */
677
682
  .ui.secondary.segment {
678
- background: #f3f4f5;
683
+ background: #F3F4F5;
679
684
  color: rgba(0, 0, 0, 0.6);
680
685
  }
681
686
  .ui.secondary.inverted.segment {
@@ -686,7 +691,7 @@
686
691
 
687
692
  /* Tertiary */
688
693
  .ui.tertiary.segment {
689
- background: #dcddde;
694
+ background: #DCDDDE;
690
695
  color: rgba(0, 0, 0, 0.6);
691
696
  }
692
697
  .ui.tertiary.inverted.segment {
@@ -709,7 +714,7 @@
709
714
  width: calc(100% + 2px );
710
715
  max-width: calc(100% + 2px );
711
716
  box-shadow: none;
712
- border: 1px solid #d4d4d5;
717
+ border: 1px solid #D4D4D5;
713
718
  }
714
719
  .ui.attached + .ui.attached.segment:not(.top) {
715
720
  border-top: none;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.4 - Step
2
+ * # Semantic UI 2.1.6 - 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
 
@@ -441,7 +441,7 @@
441
441
 
442
442
 
443
443
  /* Tablet Or Below */
444
- @media only screen and (max-width: 992px) {
444
+ @media only screen and (max-width: 991px) {
445
445
  .ui[class*="tablet stackable"].steps {
446
446
  display: -webkit-inline-box;
447
447
  display: -webkit-inline-flex;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.1.4 - Reset
2
+ * # Semantic UI 2.1.6 - 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.4 - Site
2
+ * # Semantic UI 2.1.6 - 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