semantic-ui-rails 0.8.6.1 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|