semantic-ui-rails 0.8.6.1 → 0.9.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/app/assets/stylesheets/semantic-ui/collections/form.less +4 -4
- data/app/assets/stylesheets/semantic-ui/collections/grid.less +5 -2
- data/app/assets/stylesheets/semantic-ui/collections/menu.less +24 -12
- data/app/assets/stylesheets/semantic-ui/elements/button.less +38 -10
- data/app/assets/stylesheets/semantic-ui/elements/header.less +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/input.less +6 -2
- data/app/assets/stylesheets/semantic-ui/elements/segment.less +21 -1
- data/app/assets/stylesheets/semantic-ui/modules/dropdown.less +4 -3
- data/app/assets/stylesheets/semantic-ui/modules/modal.less +5 -5
- data/app/assets/stylesheets/semantic-ui/views/list.less +123 -52
- data/lib/semantic/ui/rails/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0e0ba4101ff36653b27ccc35f14cecdfc566bb2e
|
4
|
+
data.tar.gz: 4e0fda79a798862720e79553b9dac627b825cd66
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 7be59d53189290e91b065fed45039634beedd3ea4b53e63a6572dea20030ad48841a7e4fa1d288e64d434b5c23cdbcdd23cff58043a26038a6409e906812db25
|
7
|
+
data.tar.gz: 0674d0cfe58cb8f0e474adc21d56b18b130e9d285fb3ee0d9ea6ac869143328a97bc84a281e5462a8aa15b960d31d73f725074f4b7865bf386b97fdf607bc9fb
|
@@ -305,16 +305,16 @@
|
|
305
305
|
|
306
306
|
/* browsers require these rules separate */
|
307
307
|
.ui.form ::-webkit-input-placeholder {
|
308
|
-
color: #
|
308
|
+
color: #AAAAAA;
|
309
309
|
}
|
310
310
|
.ui.form ::-moz-placeholder {
|
311
|
-
color: #
|
311
|
+
color: #AAAAAA;
|
312
312
|
}
|
313
313
|
.ui.form :focus::-webkit-input-placeholder {
|
314
|
-
color: #
|
314
|
+
color: #999999;
|
315
315
|
}
|
316
316
|
.ui.form :focus::-moz-placeholder {
|
317
|
-
color: #
|
317
|
+
color: #999999;
|
318
318
|
}
|
319
319
|
|
320
320
|
/* Error Placeholder */
|
@@ -28,8 +28,8 @@
|
|
28
28
|
}
|
29
29
|
|
30
30
|
body > .ui.grid {
|
31
|
-
margin-left: 0
|
32
|
-
margin-right: 0
|
31
|
+
margin-left: 0% !important;
|
32
|
+
margin-right: 0% !important;
|
33
33
|
}
|
34
34
|
|
35
35
|
.ui.grid:after,
|
@@ -538,6 +538,7 @@ body > .ui.grid {
|
|
538
538
|
@media only screen and (min-width : 768px) {
|
539
539
|
.ui.mobile.only.grid,
|
540
540
|
.ui.grid > .mobile.only.row,
|
541
|
+
.ui.grid > .mobile.only.column,
|
541
542
|
.ui.grid > .row > .mobile.only.column {
|
542
543
|
display: none;
|
543
544
|
}
|
@@ -573,6 +574,7 @@ body > .ui.grid {
|
|
573
574
|
@media only screen and (max-width : 768px), (min-width: 998px) {
|
574
575
|
.ui.tablet.only.grid,
|
575
576
|
.ui.grid > .tablet.only.row,
|
577
|
+
.ui.grid > .tablet.only.column,
|
576
578
|
.ui.grid > .row > .tablet.only.column {
|
577
579
|
display: none;
|
578
580
|
}
|
@@ -608,6 +610,7 @@ body > .ui.grid {
|
|
608
610
|
@media only screen and (max-width : 998px) {
|
609
611
|
.ui.computer.only.grid,
|
610
612
|
.ui.grid > .computer.only.row,
|
613
|
+
.ui.grid > .computer.only.column,
|
611
614
|
.ui.grid > .row > .computer.only.column {
|
612
615
|
display: none;
|
613
616
|
}
|
@@ -277,9 +277,13 @@
|
|
277
277
|
---------------*/
|
278
278
|
.ui.menu .dropdown.item .menu {
|
279
279
|
left: 1px;
|
280
|
-
margin:
|
280
|
+
margin: 0px;
|
281
281
|
min-width: calc(100% - 1px);
|
282
|
-
box-shadow: 0 1px 1px 1px
|
282
|
+
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
|
283
|
+
}
|
284
|
+
.ui.secondary.menu .dropdown.item .menu {
|
285
|
+
left: 0px;
|
286
|
+
min-width: 100%;
|
283
287
|
}
|
284
288
|
.ui.menu .pointing.dropdown.item .menu {
|
285
289
|
margin-top: 0.75em;
|
@@ -850,8 +854,8 @@
|
|
850
854
|
.ui.secondary.inverted.menu a.item:hover {
|
851
855
|
color: rgba(255, 255, 255, 0.9);
|
852
856
|
}
|
853
|
-
.ui.secondary.inverted.menu
|
854
|
-
background-color: rgba(255, 255, 255, 0.
|
857
|
+
.ui.secondary.inverted.menu .active.item {
|
858
|
+
background-color: rgba(255, 255, 255, 0.1);
|
855
859
|
}
|
856
860
|
|
857
861
|
|
@@ -903,8 +907,11 @@
|
|
903
907
|
|
904
908
|
/* Item Types */
|
905
909
|
.ui.secondary.pointing.menu .header.item {
|
906
|
-
|
907
|
-
|
910
|
+
margin-bottom: -3px;
|
911
|
+
background-color: transparent !important;
|
912
|
+
border-right-width: 0px !important;
|
913
|
+
font-weight: bold !important;
|
914
|
+
color: rgba(0, 0, 0, 0.8) !important;
|
908
915
|
}
|
909
916
|
.ui.secondary.pointing.menu .text.item {
|
910
917
|
box-shadow: none !important;
|
@@ -1007,21 +1014,26 @@
|
|
1007
1014
|
.ui.secondary.inverted.pointing.menu > .item {
|
1008
1015
|
color: rgba(255, 255, 255, 0.7);
|
1009
1016
|
}
|
1017
|
+
.ui.secondary.inverted.pointing.menu > .header.item {
|
1018
|
+
color: #FFFFFF !important;
|
1019
|
+
}
|
1010
1020
|
|
1011
1021
|
/* Hover */
|
1012
|
-
.ui.secondary.inverted.pointing.menu > .item
|
1022
|
+
.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
|
1013
1023
|
.ui.secondary.inverted.pointing.menu > .item:hover {
|
1014
1024
|
color: rgba(255, 255, 255, 0.85);
|
1015
1025
|
}
|
1016
1026
|
|
1017
1027
|
/* Down */
|
1028
|
+
.ui.secondary.inverted.pointing.menu > .menu > .item:active,
|
1018
1029
|
.ui.secondary.inverted.pointing.menu > .item:active {
|
1019
|
-
border-color: rgba(255, 255, 255, 0.4)
|
1030
|
+
border-color: rgba(255, 255, 255, 0.4);
|
1020
1031
|
}
|
1021
1032
|
|
1022
1033
|
/* Active */
|
1034
|
+
.ui.secondary.inverted.pointing.menu > .menu > .item.active,
|
1023
1035
|
.ui.secondary.inverted.pointing.menu > .item.active {
|
1024
|
-
border-color: rgba(255, 255, 255, 0.8)
|
1036
|
+
border-color: rgba(255, 255, 255, 0.8);
|
1025
1037
|
color: rgba(255, 255, 255, 1);
|
1026
1038
|
}
|
1027
1039
|
|
@@ -1395,11 +1407,11 @@
|
|
1395
1407
|
|
1396
1408
|
/*--- Pointers ---*/
|
1397
1409
|
.ui.inverted.pointing.menu .active.item:after {
|
1398
|
-
background-color: #
|
1410
|
+
background-color: #5B5B5B;
|
1399
1411
|
box-shadow: none;
|
1400
1412
|
}
|
1401
1413
|
.ui.inverted.pointing.menu .active.item:hover:after {
|
1402
|
-
background-color: #
|
1414
|
+
background-color: #4A4A4A;
|
1403
1415
|
}
|
1404
1416
|
|
1405
1417
|
|
@@ -1655,7 +1667,7 @@
|
|
1655
1667
|
|
1656
1668
|
.ui.pointing.menu .active.item:after {
|
1657
1669
|
position: absolute;
|
1658
|
-
bottom: -0.
|
1670
|
+
bottom: -0.3em;
|
1659
1671
|
left: 50%;
|
1660
1672
|
content: "";
|
1661
1673
|
|
@@ -28,7 +28,7 @@
|
|
28
28
|
color: #808080;
|
29
29
|
|
30
30
|
margin: 0em;
|
31
|
-
padding: 0.8em 1.5em
|
31
|
+
padding: 0.8em 1.5em;
|
32
32
|
|
33
33
|
font-size: 1rem;
|
34
34
|
text-transform: uppercase;
|
@@ -45,8 +45,7 @@
|
|
45
45
|
border-radius: 0.25em;
|
46
46
|
|
47
47
|
box-shadow:
|
48
|
-
0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset
|
49
|
-
0px -0.133em 0px 0px rgba(0, 0, 0, 0.1) inset
|
48
|
+
0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset
|
50
49
|
;
|
51
50
|
|
52
51
|
-webkit-user-select: none;
|
@@ -509,26 +508,26 @@
|
|
509
508
|
}
|
510
509
|
.ui.mini.buttons .button,
|
511
510
|
.ui.mini.button {
|
512
|
-
padding: 0.6em 0.8em
|
511
|
+
padding: 0.6em 0.8em;
|
513
512
|
}
|
514
513
|
.ui.mini.icon.buttons .button,
|
515
514
|
.ui.mini.buttons .icon.button {
|
516
|
-
padding: 0.6em 0.6em
|
515
|
+
padding: 0.6em 0.6em;
|
517
516
|
}
|
518
517
|
|
519
518
|
.ui.tiny.buttons .button,
|
520
519
|
.ui.tiny.buttons .or,
|
521
520
|
.ui.tiny.button {
|
522
|
-
font-size: 0.
|
521
|
+
font-size: 0.875em;
|
523
522
|
}
|
524
523
|
.ui.tiny.buttons .button,
|
525
524
|
.ui.tiny.buttons .button,
|
526
525
|
.ui.tiny.button {
|
527
|
-
padding: 0.6em 0.8em
|
526
|
+
padding: 0.6em 0.8em;
|
528
527
|
}
|
529
528
|
.ui.tiny.icon.buttons .button,
|
530
529
|
.ui.tiny.buttons .icon.button {
|
531
|
-
padding: 0.6em 0.6em
|
530
|
+
padding: 0.6em 0.6em;
|
532
531
|
}
|
533
532
|
|
534
533
|
.ui.small.buttons .button,
|
@@ -605,7 +604,7 @@
|
|
605
604
|
|
606
605
|
.ui.icon.buttons .button,
|
607
606
|
.ui.icon.button {
|
608
|
-
padding: 0.8em
|
607
|
+
padding: 0.8em;
|
609
608
|
}
|
610
609
|
.ui.icon.buttons .button > .icon,
|
611
610
|
.ui.icon.button > .icon {
|
@@ -673,6 +672,35 @@
|
|
673
672
|
background-color: rgba(0, 0, 0, 0.1);
|
674
673
|
}
|
675
674
|
|
675
|
+
/* Inverted */
|
676
|
+
.ui.basic.inverted.buttons .button,
|
677
|
+
.ui.basic.inverted.button {
|
678
|
+
color: #FAFAFA !important;
|
679
|
+
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
|
680
|
+
}
|
681
|
+
.ui.basic.inverted.buttons .button:hover,
|
682
|
+
.ui.basic.inverted.button:hover {
|
683
|
+
background-image: none;
|
684
|
+
color: #FFFFFF !important;
|
685
|
+
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
|
686
|
+
}
|
687
|
+
.ui.basic.inverted.buttons .button:active,
|
688
|
+
.ui.basic.inverted.button:active {
|
689
|
+
background-color: rgba(255, 255, 255, 0.05) !important;
|
690
|
+
color: #FFFFFF !important;
|
691
|
+
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
|
692
|
+
}
|
693
|
+
.ui.basic.inverted.buttons .button.active,
|
694
|
+
.ui.basic.inverted.button.active {
|
695
|
+
background-color: rgba(255, 255, 255, 0.5);
|
696
|
+
color: #FFFFFF;
|
697
|
+
box-shadow: none;
|
698
|
+
}
|
699
|
+
.ui.basic.inverted.buttons .button.active:hover,
|
700
|
+
.ui.basic.inverted.button.active:hover {
|
701
|
+
background-color: rgba(0, 0, 0, 0.1);
|
702
|
+
}
|
703
|
+
|
676
704
|
/* Basic Group */
|
677
705
|
.ui.basic.buttons .button {
|
678
706
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
@@ -720,7 +748,7 @@
|
|
720
748
|
|
721
749
|
width: 2.75em;
|
722
750
|
height: 100%;
|
723
|
-
padding-top: 0.
|
751
|
+
padding-top: 0.8em;
|
724
752
|
background-color: rgba(0, 0, 0, 0.05);
|
725
753
|
text-align: center;
|
726
754
|
|
@@ -84,10 +84,10 @@
|
|
84
84
|
|
85
85
|
/* browsers require these rules separate */
|
86
86
|
.ui.input::-web inputkit-input-placeholder {
|
87
|
-
color: #
|
87
|
+
color: #BBBBBB;
|
88
88
|
}
|
89
89
|
.ui.input::-moz input-placeholder {
|
90
|
-
color: #
|
90
|
+
color: #BBBBBB;
|
91
91
|
}
|
92
92
|
|
93
93
|
|
@@ -250,11 +250,15 @@
|
|
250
250
|
.ui.labeled.input .corner.label {
|
251
251
|
top: 1px;
|
252
252
|
right: 1px;
|
253
|
+
font-size: 0.55em;
|
253
254
|
|
254
255
|
-webkit-border-top-right-radius: 0.3125em;
|
255
256
|
-moz-border-top-right-radius: 0.3125em;
|
256
257
|
border-top-right-radius: 0.3125em;
|
257
258
|
}
|
259
|
+
.ui.labeled.input .corner.label > .icon {
|
260
|
+
margin: 0.4em 0em 0em 2em;
|
261
|
+
}
|
258
262
|
.ui.labeled.input input {
|
259
263
|
padding-right: 2.5em !important;
|
260
264
|
}
|
@@ -37,7 +37,6 @@
|
|
37
37
|
.ui.segment:first-child {
|
38
38
|
margin-top: 0em;
|
39
39
|
}
|
40
|
-
|
41
40
|
.ui.segment:last-child {
|
42
41
|
margin-bottom: 0em;
|
43
42
|
}
|
@@ -108,6 +107,19 @@
|
|
108
107
|
top: 1px;
|
109
108
|
}
|
110
109
|
|
110
|
+
.ui.page.grid.segment
|
111
|
+
.ui.grid .ui.segment.column {
|
112
|
+
padding-top: 2rem;
|
113
|
+
padding-bottom: 2rem;
|
114
|
+
}
|
115
|
+
.ui.grid.segment,
|
116
|
+
.ui.grid .ui.segment.row,
|
117
|
+
.ui.grid .ui.segment.column {
|
118
|
+
border-radius: 0em;
|
119
|
+
box-shadow: none;
|
120
|
+
border: none;
|
121
|
+
}
|
122
|
+
|
111
123
|
/* No padding on edge content */
|
112
124
|
.ui.segment > :first-child {
|
113
125
|
margin-top: 0em;
|
@@ -436,6 +448,7 @@
|
|
436
448
|
-webkit-box-shadow: 0px 0px 0px 1px #DDDDDD;
|
437
449
|
box-shadow: 0px 0px 0px 1px #DDDDDD;
|
438
450
|
}
|
451
|
+
|
439
452
|
.ui.top.attached.segment {
|
440
453
|
top: 0px;
|
441
454
|
bottom: -1px;
|
@@ -447,6 +460,10 @@
|
|
447
460
|
-webkit-border-radius: 5px 5px 0px 0px;
|
448
461
|
border-radius: 5px 5px 0px 0px;
|
449
462
|
}
|
463
|
+
.ui.segment.top.attached:first-child {
|
464
|
+
margin-top: 0em;
|
465
|
+
}
|
466
|
+
|
450
467
|
.ui.segment.bottom.attached {
|
451
468
|
top: -1px;
|
452
469
|
bottom: 0px;
|
@@ -458,3 +475,6 @@
|
|
458
475
|
-webkit-border-radius: 0px 0px 5px 5px;
|
459
476
|
border-radius: 0px 0px 5px 5px;
|
460
477
|
}
|
478
|
+
.ui.segment.bottom.attached:last-child {
|
479
|
+
margin-bottom: 0em;
|
480
|
+
}
|
@@ -14,6 +14,7 @@
|
|
14
14
|
*******************************/
|
15
15
|
|
16
16
|
.ui.dropdown {
|
17
|
+
cursor: pointer;
|
17
18
|
position: relative;
|
18
19
|
display: inline-block;
|
19
20
|
|
@@ -55,6 +56,7 @@
|
|
55
56
|
---------------*/
|
56
57
|
|
57
58
|
.ui.dropdown .menu {
|
59
|
+
cursor: auto;
|
58
60
|
position: absolute;
|
59
61
|
display: none;
|
60
62
|
top: 100%;
|
@@ -110,9 +112,7 @@
|
|
110
112
|
---------------*/
|
111
113
|
|
112
114
|
.ui.dropdown > .text {
|
113
|
-
cursor: pointer;
|
114
115
|
display: inline-block;
|
115
|
-
|
116
116
|
-webkit-transition: color 0.2s ease;
|
117
117
|
-moz-transition: color 0.2s ease;
|
118
118
|
-o-transition: color 0.2s ease;
|
@@ -169,6 +169,7 @@
|
|
169
169
|
border-top: none;
|
170
170
|
}
|
171
171
|
|
172
|
+
|
172
173
|
/*******************************
|
173
174
|
Coupling
|
174
175
|
*******************************/
|
@@ -437,7 +438,7 @@
|
|
437
438
|
left: 0;
|
438
439
|
right: auto;
|
439
440
|
|
440
|
-
margin-top: 0.5em;
|
441
|
+
margin-top: 0.5em !important;
|
441
442
|
|
442
443
|
-webkit-border-radius: 0.325em;
|
443
444
|
-moz-border-radius: 0.325em;
|
@@ -90,17 +90,17 @@
|
|
90
90
|
-ms-box-sizing: border-box;
|
91
91
|
box-sizing: border-box;
|
92
92
|
}
|
93
|
-
.ui.modal > .content > .left:not(.
|
93
|
+
.ui.modal > .content > .left:not(.ui) {
|
94
94
|
display: table-cell;
|
95
95
|
padding-right: 1.5%;
|
96
96
|
min-width: 25%;
|
97
97
|
}
|
98
|
-
.ui.modal > .content > .right:not(.
|
98
|
+
.ui.modal > .content > .right:not(.ui) {
|
99
99
|
display: table-cell;
|
100
100
|
padding-left: 1.5%;
|
101
101
|
vertical-align: top;
|
102
102
|
}
|
103
|
-
.ui.modal > .content > .left:not(.
|
103
|
+
.ui.modal > .content > .left:not(.ui) > i.icon {
|
104
104
|
font-size: 8em;
|
105
105
|
margin: 0em;
|
106
106
|
}
|
@@ -126,11 +126,11 @@
|
|
126
126
|
|
127
127
|
/* Mobile Only */
|
128
128
|
@media only screen and (max-width : 768px) {
|
129
|
-
.ui.modal .content > .left:not(.
|
129
|
+
.ui.modal .content > .left:not(.ui) {
|
130
130
|
display: block;
|
131
131
|
padding: 0em 0em 1em;
|
132
132
|
}
|
133
|
-
.ui.modal .content > .right:not(.
|
133
|
+
.ui.modal .content > .right:not(.ui) {
|
134
134
|
display: block;
|
135
135
|
padding: 1em 0em 0em;
|
136
136
|
|
@@ -65,31 +65,37 @@ ol.ui.list li,
|
|
65
65
|
visibility: hidden;
|
66
66
|
}
|
67
67
|
|
68
|
+
/* Sub-List */
|
69
|
+
.ui.list .list {
|
70
|
+
clear: both;
|
71
|
+
}
|
68
72
|
|
69
73
|
/* Icon */
|
70
74
|
.ui.list .item > .icon {
|
71
|
-
display:
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
+
display: block;
|
76
|
+
float: left;
|
77
|
+
margin: 0em 1em 0em 0em;
|
78
|
+
padding: 0.1em 0em 0em 0em;
|
75
79
|
}
|
76
80
|
.ui.list .item > .icon:only-child {
|
77
81
|
display: inline-block;
|
78
82
|
}
|
79
83
|
.ui.horizontal.list .item > .icon {
|
84
|
+
margin: 0em;
|
80
85
|
padding: 0em 0.25em 0em 0em;
|
81
86
|
}
|
87
|
+
.ui.horizontal.list .item > .icon,
|
88
|
+
.ui.horizontal.list .item > .icon + .content {
|
89
|
+
float: none;
|
90
|
+
display: inline-block;
|
91
|
+
}
|
82
92
|
|
83
93
|
/* Image */
|
84
94
|
.ui.list .item > img {
|
85
|
-
display:
|
86
|
-
|
87
|
-
margin-right:
|
88
|
-
|
95
|
+
display: block;
|
96
|
+
float: left;
|
97
|
+
margin-right: 1em;
|
89
98
|
vertical-align: middle;
|
90
|
-
-webkit-border-radius: 0.2em;
|
91
|
-
-moz-border-radius: 0.2em;
|
92
|
-
border-radius: 0.2em;
|
93
99
|
}
|
94
100
|
|
95
101
|
/* Content */
|
@@ -99,9 +105,8 @@ ol.ui.list li,
|
|
99
105
|
line-height: 1.2;
|
100
106
|
}
|
101
107
|
.ui.list .item > .icon + .content {
|
102
|
-
|
108
|
+
float: left;
|
103
109
|
vertical-align: top;
|
104
|
-
padding-left: 0.5em;
|
105
110
|
}
|
106
111
|
|
107
112
|
/* Link */
|
@@ -150,15 +155,19 @@ ol.ui.list li,
|
|
150
155
|
display: inline-block;
|
151
156
|
font-size: 0em;
|
152
157
|
}
|
153
|
-
.ui.horizontal.list .item {
|
158
|
+
.ui.horizontal.list > .item {
|
154
159
|
display: inline-block;
|
155
160
|
margin-left: 1em;
|
156
161
|
font-size: 1rem;
|
157
162
|
}
|
158
|
-
|
159
|
-
.ui.horizontal.list .item:first-child {
|
163
|
+
.ui.horizontal.list > .item:first-child {
|
160
164
|
margin-left: 0em;
|
161
165
|
}
|
166
|
+
.ui.horizontal.list .list {
|
167
|
+
padding-left: 0em;
|
168
|
+
padding-bottom: 0em;
|
169
|
+
}
|
170
|
+
|
162
171
|
|
163
172
|
/*******************************
|
164
173
|
States
|
@@ -178,16 +187,30 @@ ol.ui.list li,
|
|
178
187
|
Variations
|
179
188
|
*******************************/
|
180
189
|
|
190
|
+
/*-------------------
|
191
|
+
Inverted
|
192
|
+
--------------------*/
|
193
|
+
|
194
|
+
.ui.inverted.list a .icon {
|
195
|
+
color: rgba(255, 255, 255, 0.6);
|
196
|
+
}
|
197
|
+
.ui.inverted.list .description {
|
198
|
+
color: rgba(255, 255, 255, 0.8);
|
199
|
+
}
|
200
|
+
.ui.inverted.link.list .item {
|
201
|
+
color: rgba(255, 255, 255, 0.4);
|
202
|
+
}
|
203
|
+
|
181
204
|
/*-------------------
|
182
205
|
Link
|
183
206
|
--------------------*/
|
184
207
|
|
185
208
|
.ui.link.list .item {
|
186
|
-
color: rgba(0, 0, 0, 0.
|
209
|
+
color: rgba(0, 0, 0, 0.3);
|
187
210
|
}
|
188
211
|
.ui.link.list a.item,
|
189
212
|
.ui.link.list .item a {
|
190
|
-
color: rgba(0, 0, 0, 0.
|
213
|
+
color: rgba(0, 0, 0, 0.5);
|
191
214
|
}
|
192
215
|
.ui.link.list a.item:hover,
|
193
216
|
.ui.link.list .item a:hover {
|
@@ -195,13 +218,31 @@ ol.ui.list li,
|
|
195
218
|
}
|
196
219
|
.ui.link.list a.item:active,
|
197
220
|
.ui.link.list .item a:active {
|
198
|
-
color: rgba(0, 0, 0, 0.
|
221
|
+
color: rgba(0, 0, 0, 0.8);
|
199
222
|
}
|
200
223
|
.ui.link.list a.active.item,
|
201
224
|
.ui.link.list .active.item a {
|
202
225
|
color: rgba(0, 0, 0, 0.8);
|
203
226
|
}
|
204
227
|
|
228
|
+
/* Inverted */
|
229
|
+
.ui.inverted.link.list a.item,
|
230
|
+
.ui.inverted.link.list .item a {
|
231
|
+
color: rgba(255, 255, 255, 0.6);
|
232
|
+
}
|
233
|
+
.ui.inverted.link.list a.item:hover,
|
234
|
+
.ui.inverted.link.list .item a:hover {
|
235
|
+
color: rgba(255, 255, 255, 0.8);
|
236
|
+
}
|
237
|
+
.ui.inverted.link.list a.item:active,
|
238
|
+
.ui.inverted.link.list .item a:active {
|
239
|
+
color: rgba(255, 255, 255, 0.9);
|
240
|
+
}
|
241
|
+
.ui.inverted.link.list a.active.item,
|
242
|
+
.ui.inverted.link.list .active.item a {
|
243
|
+
color: rgba(255, 255, 255, 0.8);
|
244
|
+
}
|
245
|
+
|
205
246
|
/*-------------------
|
206
247
|
Selection
|
207
248
|
--------------------*/
|
@@ -211,26 +252,6 @@ ol.ui.list li,
|
|
211
252
|
color: rgba(0, 0, 0, 0.4);
|
212
253
|
padding: 0.5em;
|
213
254
|
|
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,
|
226
|
-
0.2s padding-left ease,
|
227
|
-
0.2s background-color ease
|
228
|
-
;
|
229
|
-
-ms-transition:
|
230
|
-
0.2s color ease,
|
231
|
-
0.2s padding-left ease,
|
232
|
-
0.2s background-color ease
|
233
|
-
;
|
234
255
|
transition:
|
235
256
|
0.2s color ease,
|
236
257
|
0.2s padding-left ease,
|
@@ -241,13 +262,6 @@ ol.ui.list li,
|
|
241
262
|
background-color: rgba(0, 0, 0, 0.02);
|
242
263
|
color: rgba(0, 0, 0, 0.7);
|
243
264
|
}
|
244
|
-
.ui.selection.list:not(.horizontal, .ordered) .item:hover {
|
245
|
-
padding-left: 1em;
|
246
|
-
}
|
247
|
-
.ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover {
|
248
|
-
padding-left: 0.5em;
|
249
|
-
}
|
250
|
-
|
251
265
|
.ui.selection.list .item:active {
|
252
266
|
background-color: rgba(0, 0, 0, 0.05);
|
253
267
|
color: rgba(0, 0, 0, 0.7);
|
@@ -257,6 +271,38 @@ ol.ui.list li,
|
|
257
271
|
color: rgba(0, 0, 0, 0.7);
|
258
272
|
}
|
259
273
|
|
274
|
+
.ui.animated.list .item {
|
275
|
+
transition:
|
276
|
+
0.2s color ease,
|
277
|
+
0.2s padding-left ease,
|
278
|
+
0.2s background-color ease
|
279
|
+
;
|
280
|
+
}
|
281
|
+
.ui.animated.list:not(.horizontal) .item:hover {
|
282
|
+
padding-left: 1em;
|
283
|
+
}
|
284
|
+
.ui.animated.list:not(.horizontal) .item:hover .item:hover {
|
285
|
+
padding-left: 0.5em;
|
286
|
+
}
|
287
|
+
|
288
|
+
|
289
|
+
/* Inverted */
|
290
|
+
.ui.inverted.selection.list .item {
|
291
|
+
color: rgba(255, 255, 255, 0.6);
|
292
|
+
}
|
293
|
+
.ui.inverted.selection.list .item:hover {
|
294
|
+
background-color: rgba(255, 255, 255, 0.04);
|
295
|
+
color: rgba(255, 255, 255, 0.8);
|
296
|
+
}
|
297
|
+
.ui.inverted.selection.list .item:active {
|
298
|
+
background-color: rgba(255, 255, 255, 0.1);
|
299
|
+
color: rgba(255, 255, 255, 0.7);
|
300
|
+
}
|
301
|
+
.ui.inverted.selection.list .item.active {
|
302
|
+
background-color: rgba(255, 255, 255, 0.08);
|
303
|
+
color: #FFFFFF;
|
304
|
+
}
|
305
|
+
|
260
306
|
|
261
307
|
|
262
308
|
/*-------------------
|
@@ -364,7 +410,7 @@ ol.ui.horizontal.list li:before,
|
|
364
410
|
--------------------*/
|
365
411
|
|
366
412
|
.ui.divided.list > .item,
|
367
|
-
.ui.divided.list > .list {
|
413
|
+
.ui.divided.list:not(.horizontal) > .list {
|
368
414
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
369
415
|
padding-left: 0.5em;
|
370
416
|
padding-right: 0.5em;
|
@@ -377,15 +423,15 @@ ol.ui.horizontal.list li:before,
|
|
377
423
|
}
|
378
424
|
|
379
425
|
/* Sub Menu */
|
380
|
-
.ui.divided.list .list {
|
426
|
+
.ui.divided.list:not(.horizontal) .list {
|
381
427
|
margin-left: -0.5em;
|
382
428
|
margin-right: -0.5em;
|
383
429
|
}
|
384
|
-
.ui.divided.list .list .item {
|
430
|
+
.ui.divided.list:not(.horizontal) .list .item {
|
385
431
|
padding-left: 1em;
|
386
432
|
padding-right: 1em;
|
387
433
|
}
|
388
|
-
.ui.divided.list .list .item:first-child {
|
434
|
+
.ui.divided.list:not(.horizontal) .list .item:first-child {
|
389
435
|
border-top-width: 1px;
|
390
436
|
}
|
391
437
|
|
@@ -421,7 +467,7 @@ ol.ui.horizontal.list li:before,
|
|
421
467
|
.ui.divided.horizontal.list {
|
422
468
|
margin-left: 0em;
|
423
469
|
}
|
424
|
-
.ui.divided.horizontal.list .item {
|
470
|
+
.ui.divided.horizontal.list > .item {
|
425
471
|
border-top: none;
|
426
472
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
427
473
|
margin: 0em;
|
@@ -430,11 +476,19 @@ ol.ui.horizontal.list li:before,
|
|
430
476
|
|
431
477
|
line-height: 0.6;
|
432
478
|
}
|
433
|
-
.ui.horizontal.divided.list .item:first-child {
|
479
|
+
.ui.horizontal.divided.list > .item:first-child {
|
434
480
|
border-left: none;
|
435
481
|
padding-left: 0em;
|
436
482
|
}
|
437
483
|
|
484
|
+
/* Inverted */
|
485
|
+
.ui.divided.inverted.list > .item,
|
486
|
+
.ui.divided.inverted.list > .list {
|
487
|
+
border-color: rgba(255, 255, 255, 0.2);
|
488
|
+
}
|
489
|
+
.ui.divided.inverted.horizontal.list .item {
|
490
|
+
border-color: rgba(255, 255, 255, 0.2);
|
491
|
+
}
|
438
492
|
|
439
493
|
|
440
494
|
|
@@ -509,6 +563,17 @@ ol.ui.horizontal.list li:before,
|
|
509
563
|
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
510
564
|
}
|
511
565
|
|
566
|
+
/* Inverted */
|
567
|
+
.ui.celled.inverted.list > .item,
|
568
|
+
.ui.celled.inverted.list > .list {
|
569
|
+
border-color: rgba(255, 255, 255, 0.2);
|
570
|
+
}
|
571
|
+
.ui.celled.inverted.horizontal.list .item {
|
572
|
+
border-color: rgba(255, 255, 255, 0.2);
|
573
|
+
}
|
574
|
+
|
575
|
+
|
576
|
+
|
512
577
|
/*-------------------
|
513
578
|
Relaxed
|
514
579
|
--------------------*/
|
@@ -517,6 +582,9 @@ ol.ui.horizontal.list li:before,
|
|
517
582
|
padding-top: 0.5em;
|
518
583
|
padding-bottom: 0.5em;
|
519
584
|
}
|
585
|
+
.ui.relaxed.list .header {
|
586
|
+
margin-bottom: 0.25em;
|
587
|
+
}
|
520
588
|
.ui.horizontal.relaxed.list .item {
|
521
589
|
padding-left: 1.25em;
|
522
590
|
padding-right: 1.25em;
|
@@ -526,6 +594,9 @@ ol.ui.horizontal.list li:before,
|
|
526
594
|
padding-top: 1em;
|
527
595
|
padding-bottom: 1em;
|
528
596
|
}
|
597
|
+
.ui.very.relaxed.list .header {
|
598
|
+
margin-bottom: 0.5em;
|
599
|
+
}
|
529
600
|
.ui.horizontal.very.relaxed.list .item {
|
530
601
|
padding-left: 2em;
|
531
602
|
padding-right: 2em;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.9.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- nd0ut
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-11-
|
11
|
+
date: 2013-11-06 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: less-rails
|