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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 0154ab267b0087fc962158c44b30c2b1e6331a0f
4
- data.tar.gz: b9cc70c0c535c522e631d64792e5e15f5b342506
3
+ metadata.gz: 0e0ba4101ff36653b27ccc35f14cecdfc566bb2e
4
+ data.tar.gz: 4e0fda79a798862720e79553b9dac627b825cd66
5
5
  SHA512:
6
- metadata.gz: 5aa31125ac19bf39c6ae9835d7fdfdbc1f2a71ab7240b3f40e8a1ff7c34ed458e9033e4b024c2c89f0e46fd1d716172acb698036f985bf60247d9afffa2e4eea
7
- data.tar.gz: 6897f99f6771598578442069d76f67bcb20d191de5ee2c57dcb41673e23e42f32b7f5aa31f0220288ca8896c8ed81c4ce59b2bb6b1dbec1b98957eb6ebac00e0
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: #E0E0E0;
308
+ color: #AAAAAA;
309
309
  }
310
310
  .ui.form ::-moz-placeholder {
311
- color: #E0E0E0;
311
+ color: #AAAAAA;
312
312
  }
313
313
  .ui.form :focus::-webkit-input-placeholder {
314
- color: #AAAAAA;
314
+ color: #999999;
315
315
  }
316
316
  .ui.form :focus::-moz-placeholder {
317
- color: #AAAAAA;
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: 1px 0px 0px 0px;
280
+ margin: 0px;
281
281
  min-width: calc(100% - 1px);
282
- box-shadow: 0 1px 1px 1px #DDDDDD;
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 > .active.item {
854
- background-color: rgba(255, 255, 255, 0.9);
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
- border-right-width: 0px;
907
- font-weight: bold;
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.hover,
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) !important;
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) !important;
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: #505050;
1410
+ background-color: #5B5B5B;
1399
1411
  box-shadow: none;
1400
1412
  }
1401
1413
  .ui.inverted.pointing.menu .active.item:hover:after {
1402
- background-color: #3B3B3B;
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.35em;
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 0.875em;
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 0.73em;
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 0.73em;
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.875rem;
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 0.73em;
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 0.73em;
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 0.8em 0.875em;
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.85em;
751
+ padding-top: 0.8em;
724
752
  background-color: rgba(0, 0, 0, 0.05);
725
753
  text-align: center;
726
754
 
@@ -41,6 +41,7 @@
41
41
  }
42
42
  .ui.header .icon:only-child {
43
43
  display: inline-block;
44
+ vertical-align: baseline;
44
45
  }
45
46
 
46
47
  .ui.header .content {
@@ -84,10 +84,10 @@
84
84
 
85
85
  /* browsers require these rules separate */
86
86
  .ui.input::-web inputkit-input-placeholder {
87
- color: #E0E0E0;
87
+ color: #BBBBBB;
88
88
  }
89
89
  .ui.input::-moz input-placeholder {
90
- color: #E0E0E0;
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(.input, .button, .label) {
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(.input, .button, .label) {
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(.input, .button, .label) > i.icon {
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(.input, .button, .label) {
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(.input, .button, .label) {
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: table-cell;
72
- margin: 0em;
73
- padding: 0.1em 0.5em 0em 0em;
74
- vertical-align: top;
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: inline-block;
86
- width: 2em;
87
- margin-right: 0.5em;
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
- display: table-cell;
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.4);
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.6);
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.9);
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;
@@ -1,7 +1,7 @@
1
1
  module Semantic
2
2
  module Ui
3
3
  module Rails
4
- VERSION = "0.8.6.1"
4
+ VERSION = "0.9.0"
5
5
  end
6
6
  end
7
7
  end
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.8.6.1
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-02 00:00:00.000000000 Z
11
+ date: 2013-11-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails