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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +2 -0
- data/app/assets/javascripts/semantic-ui/api.js +22 -16
- data/app/assets/javascripts/semantic-ui/checkbox.js +4 -4
- data/app/assets/javascripts/semantic-ui/popup.js +7 -3
- data/app/assets/javascripts/semantic-ui/search.js +36 -11
- data/app/assets/javascripts/semantic-ui/transition.js +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +42 -47
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +32 -32
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +75 -74
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +51 -51
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +61 -61
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +284 -284
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +10 -2
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +41 -41
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +55 -55
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +13 -13
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +115 -115
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +47 -47
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -19
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +20 -20
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +9 -9
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +14 -14
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +45 -45
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +9 -9
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +47 -14
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -18
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +35 -35
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +5 -5
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +26 -26
- data/app/helpers/semantic_icon_helper.rb +2 -2
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/spec/helpers/semantic_icon_helper_spec.rb +16 -0
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.1.
|
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: #
|
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: #
|
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.
|
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: #
|
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: #
|
246
|
+
border-top-color: #ffffff;
|
247
247
|
}
|
248
248
|
|
249
249
|
/*-------------------
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.1.
|
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: #
|
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: #
|
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: #
|
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: #
|
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: #
|
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 #
|
506
|
+
border-top: 2px solid #db2828;
|
507
507
|
}
|
508
508
|
.ui.inverted.red.segment {
|
509
|
-
background-color: #
|
510
|
-
color: #
|
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 #
|
515
|
+
border-top: 2px solid #f2711c;
|
516
516
|
}
|
517
517
|
.ui.inverted.orange.segment {
|
518
|
-
background-color: #
|
519
|
-
color: #
|
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 #
|
524
|
+
border-top: 2px solid #fbbd08;
|
525
525
|
}
|
526
526
|
.ui.inverted.yellow.segment {
|
527
|
-
background-color: #
|
528
|
-
color: #
|
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 #
|
533
|
+
border-top: 2px solid #b5cc18;
|
534
534
|
}
|
535
535
|
.ui.inverted.olive.segment {
|
536
|
-
background-color: #
|
537
|
-
color: #
|
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 #
|
542
|
+
border-top: 2px solid #21ba45;
|
543
543
|
}
|
544
544
|
.ui.inverted.green.segment {
|
545
|
-
background-color: #
|
546
|
-
color: #
|
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 #
|
551
|
+
border-top: 2px solid #00b5ad;
|
552
552
|
}
|
553
553
|
.ui.inverted.teal.segment {
|
554
|
-
background-color: #
|
555
|
-
color: #
|
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 #
|
560
|
+
border-top: 2px solid #2185d0;
|
561
561
|
}
|
562
562
|
.ui.inverted.blue.segment {
|
563
|
-
background-color: #
|
564
|
-
color: #
|
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 #
|
569
|
+
border-top: 2px solid #6435c9;
|
570
570
|
}
|
571
571
|
.ui.inverted.violet.segment {
|
572
|
-
background-color: #
|
573
|
-
color: #
|
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 #
|
578
|
+
border-top: 2px solid #a333c8;
|
579
579
|
}
|
580
580
|
.ui.inverted.purple.segment {
|
581
|
-
background-color: #
|
582
|
-
color: #
|
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 #
|
587
|
+
border-top: 2px solid #e03997;
|
588
588
|
}
|
589
589
|
.ui.inverted.pink.segment {
|
590
|
-
background-color: #
|
591
|
-
color: #
|
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 #
|
596
|
+
border-top: 2px solid #a5673f;
|
597
597
|
}
|
598
598
|
.ui.inverted.brown.segment {
|
599
|
-
background-color: #
|
600
|
-
color: #
|
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: #
|
609
|
+
color: #ffffff !important;
|
610
610
|
}
|
611
611
|
|
612
612
|
/* Black */
|
613
613
|
.ui.black.segment:not(.inverted) {
|
614
|
-
border-top: 2px solid #
|
614
|
+
border-top: 2px solid #1b1c1d;
|
615
615
|
}
|
616
616
|
.ui.inverted.black.segment {
|
617
|
-
background-color: #
|
618
|
-
color: #
|
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: #
|
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: #
|
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: #
|
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 #
|
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.
|
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: #
|
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: #
|
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: #
|
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: #
|
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: #
|
374
|
+
background: #f3f4f5;
|
375
375
|
}
|
376
376
|
.ui.steps .step.active:after {
|
377
|
-
background: #
|
377
|
+
background: #f3f4f5;
|
378
378
|
}
|
379
379
|
.ui.steps .step.active .title {
|
380
|
-
color: #
|
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: #
|
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: #
|
414
|
+
color: #21ba45;
|
415
415
|
}
|
416
416
|
|
417
417
|
/* Disabled */
|
418
418
|
.ui.steps .disabled.step {
|
419
419
|
cursor: auto;
|
420
|
-
background: #
|
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: #
|
429
|
+
background: #ffffff;
|
430
430
|
}
|
431
431
|
|
432
432
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.1.
|
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: #
|
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: #
|
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: #
|
122
|
+
background-color: #cce2ff;
|
123
123
|
color: rgba(0, 0, 0, 0.87);
|
124
124
|
}
|
125
125
|
::-moz-selection {
|
126
|
-
background-color: #
|
126
|
+
background-color: #cce2ff;
|
127
127
|
color: rgba(0, 0, 0, 0.87);
|
128
128
|
}
|
129
129
|
::selection {
|
130
|
-
background-color: #
|
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.
|
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: #
|
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,
|