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 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