semantic-ui-sass 0.19.3.1 → 1.7.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +21 -0
  3. data/README.md +5 -6
  4. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  6. data/app/assets/fonts/semantic-ui/icons.svg +472 -367
  7. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  9. data/app/assets/images/semantic-ui/flags.png +0 -0
  10. data/app/assets/javascripts/semantic-ui.js +9 -5
  11. data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
  12. data/app/assets/javascripts/semantic-ui/api.js +840 -0
  13. data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
  14. data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
  15. data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
  16. data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
  17. data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
  18. data/app/assets/javascripts/semantic-ui/modal.js +294 -219
  19. data/app/assets/javascripts/semantic-ui/nag.js +120 -186
  20. data/app/assets/javascripts/semantic-ui/popup.js +491 -223
  21. data/app/assets/javascripts/semantic-ui/progress.js +779 -0
  22. data/app/assets/javascripts/semantic-ui/rating.js +66 -22
  23. data/app/assets/javascripts/semantic-ui/search.js +219 -99
  24. data/app/assets/javascripts/semantic-ui/shape.js +72 -29
  25. data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
  26. data/app/assets/javascripts/semantic-ui/site.js +487 -0
  27. data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
  28. data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
  29. data/app/assets/javascripts/semantic-ui/tab.js +680 -603
  30. data/app/assets/javascripts/semantic-ui/transition.js +269 -158
  31. data/app/assets/javascripts/semantic-ui/video.js +113 -32
  32. data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
  33. data/app/assets/javascripts/semantic-ui/visit.js +513 -0
  34. data/app/assets/stylesheets/semantic-ui.scss +2 -0
  35. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
  36. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
  37. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
  38. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
  39. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
  40. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
  41. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
  43. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
  44. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
  45. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
  46. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
  47. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
  48. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
  49. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
  50. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
  51. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
  52. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
  53. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
  54. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
  55. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
  56. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
  57. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
  58. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
  60. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
  62. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
  63. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
  64. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
  65. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
  66. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
  67. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
  68. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
  69. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
  70. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
  71. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
  74. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
  75. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
  77. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
  79. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
  80. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
  81. data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
  82. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
  83. data/lib/semantic/ui/sass/version.rb +2 -2
  84. data/tasks/converter.rb +99 -216
  85. metadata +22 -27
  86. data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
  87. data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
  88. data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
  89. data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
  90. data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  91. data/app/assets/images/semantic-ui/loader-large.gif +0 -0
  92. data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  93. data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
  94. data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  95. data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
  96. data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  97. data/app/assets/images/semantic-ui/loader-small.gif +0 -0
  98. data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
  99. data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
  100. data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
  101. data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
  102. data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
  103. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
  104. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
  105. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
  106. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
  107. data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -1,322 +0,0 @@
1
- /*
2
- * # Semantic - Reveal
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2013 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- */
11
-
12
- /*******************************
13
- Reveal
14
- *******************************/
15
-
16
- .ui.reveal {
17
- display: inline-block;
18
- position: relative !important;
19
- z-index: 2 !important;
20
- font-size: 0em !important;
21
- }
22
-
23
- .ui.reveal > .content {
24
- font-size: 1rem !important;
25
- }
26
-
27
- .ui.reveal > .visible.content {
28
- -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
29
- transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
30
- }
31
-
32
- .ui.reveal > .visible.content {
33
- position: absolute !important;
34
- top: 0em !important;
35
- left: 0em !important;
36
- z-index: 4 !important;
37
- -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
38
- transition: all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
39
- }
40
-
41
- .ui.reveal > .hidden.content {
42
- position: relative !important;
43
- z-index: 3 !important;
44
- }
45
-
46
- /*------------------
47
- Loose Coupling
48
- -------------------*/
49
-
50
- .ui.reveal.button {
51
- overflow: hidden;
52
- }
53
-
54
- /*******************************
55
- Types
56
- *******************************/
57
-
58
- /*--------------
59
- Slide
60
- ---------------*/
61
-
62
- .ui.slide.reveal {
63
- position: relative !important;
64
- display: block;
65
- overflow: hidden !important;
66
- white-space: nowrap;
67
- }
68
-
69
- .ui.slide.reveal > .content {
70
- display: block;
71
- float: left;
72
- -webkit-box-sizing: border-box;
73
- -moz-box-sizing: border-box;
74
- -ms-box-sizing: border-box;
75
- box-sizing: border-box;
76
- margin: 0em;
77
- -webkit-transition: top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
78
- left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
79
- right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
80
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
81
- transition: top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
82
- left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
83
- right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
84
- bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s;
85
- }
86
-
87
- .ui.slide.reveal > .visible.content {
88
- position: relative !important;
89
- }
90
-
91
- .ui.slide.reveal > .hidden.content {
92
- position: absolute !important;
93
- left: 100% !important;
94
- width: 100% !important;
95
- }
96
-
97
- .ui.slide.reveal:hover > .visible.content {
98
- left: -100% !important;
99
- }
100
-
101
- .ui.slide.reveal:hover > .hidden.content {
102
- left: 0% !important;
103
- }
104
-
105
- .ui.right.slide.reveal > .visible.content {
106
- left: 0%;
107
- }
108
-
109
- .ui.right.slide.reveal > .hidden.content {
110
- left: auto !important;
111
- right: 100% !important;
112
- }
113
-
114
- .ui.right.slide.reveal:hover > .visible.content {
115
- left: 100% !important;
116
- right: auto !important;
117
- }
118
-
119
- .ui.right.slide.reveal:hover > .hidden.content {
120
- left: auto !important;
121
- right: 0% !important;
122
- }
123
-
124
- .ui.up.slide.reveal > .visible.content {
125
- top: 0% !important;
126
- left: 0% !important;
127
- right: auto !important;
128
- bottom: auto !important;
129
- }
130
-
131
- .ui.up.slide.reveal > .hidden.content {
132
- top: 100% !important;
133
- left: 0% !important;
134
- right: auto !important;
135
- bottom: auto !important;
136
- }
137
-
138
- .ui.slide.up.reveal:hover > .visible.content {
139
- top: -100% !important;
140
- left: 0% !important;
141
- }
142
-
143
- .ui.slide.up.reveal:hover > .hidden.content {
144
- top: 0% !important;
145
- left: 0% !important;
146
- }
147
-
148
- .ui.down.slide.reveal > .visible.content {
149
- top: auto !important;
150
- right: auto !important;
151
- bottom: auto !important;
152
- bottom: 0% !important;
153
- }
154
-
155
- .ui.down.slide.reveal > .hidden.content {
156
- top: auto !important;
157
- right: auto !important;
158
- bottom: 100% !important;
159
- left: 0% !important;
160
- }
161
-
162
- .ui.slide.down.reveal:hover > .visible.content {
163
- left: 0% !important;
164
- bottom: -100% !important;
165
- }
166
-
167
- .ui.slide.down.reveal:hover > .hidden.content {
168
- left: 0% !important;
169
- bottom: 0% !important;
170
- }
171
-
172
- /*--------------
173
- Fade
174
- ---------------*/
175
-
176
- .ui.fade.reveal > .visible.content {
177
- opacity: 1;
178
- }
179
-
180
- .ui.fade.reveal:hover > .visible.content {
181
- opacity: 0;
182
- }
183
-
184
- /*--------------
185
- Move
186
- ---------------*/
187
-
188
- .ui.move.reveal > .visible.content,
189
- .ui.move.left.reveal > .visible.content {
190
- left: auto !important;
191
- top: auto !important;
192
- bottom: auto !important;
193
- right: 0% !important;
194
- }
195
-
196
- .ui.move.reveal:hover > .visible.content,
197
- .ui.move.left.reveal:hover > .visible.content {
198
- right: 100% !important;
199
- }
200
-
201
- .ui.move.right.reveal > .visible.content {
202
- right: auto !important;
203
- top: auto !important;
204
- bottom: auto !important;
205
- left: 0% !important;
206
- }
207
-
208
- .ui.move.right.reveal:hover > .visible.content {
209
- left: 100% !important;
210
- }
211
-
212
- .ui.move.up.reveal > .visible.content {
213
- right: auto !important;
214
- left: auto !important;
215
- top: auto !important;
216
- bottom: 0% !important;
217
- }
218
-
219
- .ui.move.up.reveal:hover > .visible.content {
220
- bottom: 100% !important;
221
- }
222
-
223
- .ui.move.down.reveal > .visible.content {
224
- right: auto !important;
225
- left: auto !important;
226
- bottom: auto !important;
227
- top: 0% !important;
228
- bottom: auto !important;
229
- }
230
-
231
- .ui.move.down.reveal:hover > .visible.content {
232
- top: 100% !important;
233
- }
234
-
235
- /*--------------
236
- Rotate
237
- ---------------*/
238
-
239
- .ui.rotate.reveal > .visible.content {
240
- -webkit-transition-duration: 0.8s;
241
- transition-duration: 0.8s;
242
- -webkit-transform: rotate(0deg);
243
- -ms-transform: rotate(0deg);
244
- transform: rotate(0deg);
245
- }
246
-
247
- .ui.rotate.reveal > .visible.content,
248
- .ui.rotate.right.reveal > .visible.content {
249
- -webkit-transform-origin: bottom right;
250
- -ms-transform-origin: bottom right;
251
- transform-origin: bottom right;
252
- }
253
-
254
- .ui.rotate.reveal:hover > .visible.content,
255
- .ui.rotate.right.reveal:hover > .visible.content {
256
- -webkit-transform: rotate(110deg);
257
- -ms-transform: rotate(110deg);
258
- transform: rotate(110deg);
259
- }
260
-
261
- .ui.rotate.left.reveal > .visible.content {
262
- -webkit-transform-origin: bottom left;
263
- -ms-transform-origin: bottom left;
264
- transform-origin: bottom left;
265
- }
266
-
267
- .ui.rotate.left.reveal:hover > .visible.content {
268
- -webkit-transform: rotate(-110deg);
269
- -ms-transform: rotate(-110deg);
270
- transform: rotate(-110deg);
271
- }
272
-
273
- /*******************************
274
- States
275
- *******************************/
276
-
277
- .ui.disabled.reveal {
278
- opacity: 1 !important;
279
- }
280
-
281
- .ui.disabled.reveal > .content {
282
- -webkit-transition: none !important;
283
- transition: none !important;
284
- }
285
-
286
- .ui.disabled.reveal:hover > .visible.content {
287
- position: static !important;
288
- display: block !important;
289
- opacity: 1 !important;
290
- top: 0 !important;
291
- left: 0 !important;
292
- right: auto !important;
293
- bottom: auto !important;
294
- -webkit-transform: none !important;
295
- -ms-transform: none !important;
296
- transform: none !important;
297
- }
298
-
299
- .ui.disabled.reveal:hover > .hidden.content {
300
- display: none !important;
301
- }
302
-
303
- /*******************************
304
- Variations
305
- *******************************/
306
-
307
- /*--------------
308
- Masked
309
- ---------------*/
310
-
311
- .ui.masked.reveal {
312
- overflow: hidden;
313
- }
314
-
315
- /*--------------
316
- Instant
317
- ---------------*/
318
-
319
- .ui.instant.reveal > .content {
320
- -webkit-transition-delay: 0s !important;
321
- transition-delay: 0s !important;
322
- }
@@ -1,700 +0,0 @@
1
- /*
2
- * # Semantic List - Flat
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2014 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- * Released: April 26 2014
11
- */
12
-
13
- /*******************************
14
- List
15
- *******************************/
16
-
17
- ul.ui.list,
18
- ol.ui.list,
19
- .ui.list {
20
- list-style-type: none;
21
- margin: 1em 0em;
22
- padding: 0em;
23
- }
24
-
25
- ul.ui.list ul,
26
- ol.ui.list ol,
27
- .ui.list .list {
28
- margin: 0em;
29
- padding: 0.5em 0em 0.5em 1em;
30
- }
31
-
32
- ul.ui.list:first-child,
33
- ol.ui.list:first-child,
34
- .ui.list:first-child {
35
- margin-top: 0em;
36
- }
37
-
38
- ul.ui.list:last-child,
39
- ol.ui.list:last-child,
40
- .ui.list:last-child {
41
- margin-bottom: 0em;
42
- }
43
-
44
- /*******************************
45
- Content
46
- *******************************/
47
-
48
- /* List Item */
49
-
50
- ul.ui.list li,
51
- ol.ui.list li,
52
- .ui.list .item {
53
- display: list-item;
54
- list-style-type: none;
55
- list-style-position: inside;
56
- padding: 0.3em 0em;
57
- line-height: 1.2em;
58
- }
59
-
60
- .ui.list .item:after {
61
- content: '';
62
- display: block;
63
- height: 0;
64
- clear: both;
65
- visibility: hidden;
66
- }
67
-
68
- /* Sub-List */
69
-
70
- .ui.list .list {
71
- clear: both;
72
- }
73
-
74
- /* Icon */
75
-
76
- .ui.list .item > .icon {
77
- display: block;
78
- float: left;
79
- margin: 0em 1em 0em 0em;
80
- padding: 0.1em 0em 0em 0em;
81
- }
82
-
83
- .ui.list .item > .icon:only-child {
84
- display: inline-block;
85
- }
86
-
87
- .ui.horizontal.list .item > .icon {
88
- margin: 0em;
89
- padding: 0em 0.25em 0em 0em;
90
- }
91
-
92
- .ui.horizontal.list .item > .icon,
93
- .ui.horizontal.list .item > .icon + .content {
94
- float: none;
95
- display: inline-block;
96
- }
97
-
98
- /* Image */
99
-
100
- .ui.list .item > img {
101
- display: block;
102
- float: left;
103
- margin-right: 1em;
104
- vertical-align: middle;
105
- }
106
-
107
- /* Content */
108
-
109
- .ui.list .item > .content {
110
- display: inline-block;
111
- vertical-align: middle;
112
- line-height: 1.2em;
113
- }
114
-
115
- .ui.list .item > .icon + .content {
116
- display: table-cell;
117
- vertical-align: top;
118
- }
119
-
120
- /* Link */
121
-
122
- .ui.list a {
123
- cursor: pointer;
124
- }
125
-
126
- .ui.list a .icon {
127
- color: rgba(0, 0, 0, 0.6);
128
- -webkit-transition: color 0.2s ease;
129
- transition: color 0.2s ease;
130
- }
131
-
132
- /* Header */
133
-
134
- .ui.list .header {
135
- font-weight: bold;
136
- }
137
-
138
- .ui.list .description {
139
- color: rgba(0, 0, 0, 0.5);
140
- }
141
-
142
- /* Floated Content */
143
-
144
- .ui.list .item > .left.floated {
145
- margin-right: 1em;
146
- float: left;
147
- }
148
-
149
- .ui.list .item > .right.floated {
150
- margin-left: 1em;
151
- float: right;
152
- }
153
-
154
- /*******************************
155
- Types
156
- *******************************/
157
-
158
- /*-------------------
159
- Horizontal
160
- --------------------*/
161
-
162
- .ui.horizontal.list {
163
- display: inline-block;
164
- font-size: 0em;
165
- }
166
-
167
- .ui.horizontal.list > .item {
168
- display: inline-block;
169
- margin-left: 1em;
170
- font-size: 1rem;
171
- }
172
-
173
- .ui.horizontal.list > .item:first-child {
174
- margin-left: 0em;
175
- }
176
-
177
- .ui.horizontal.list .list {
178
- padding-left: 0em;
179
- padding-bottom: 0em;
180
- }
181
-
182
- /*******************************
183
- States
184
- *******************************/
185
-
186
- /*-------------------
187
- Hover
188
- --------------------*/
189
-
190
- .ui.list a:hover .icon {
191
- color: rgba(0, 0, 0, 0.8);
192
- }
193
-
194
- /*******************************
195
- Variations
196
- *******************************/
197
-
198
- /*-------------------
199
- Inverted
200
- --------------------*/
201
-
202
- .ui.inverted.list a .icon {
203
- color: rgba(255, 255, 255, 0.6);
204
- }
205
-
206
- .ui.inverted.list .description {
207
- color: rgba(255, 255, 255, 0.8);
208
- }
209
-
210
- .ui.inverted.link.list .item {
211
- color: rgba(255, 255, 255, 0.4);
212
- }
213
-
214
- /*-------------------
215
- Link
216
- --------------------*/
217
-
218
- .ui.link.list .item {
219
- color: rgba(0, 0, 0, 0.3);
220
- }
221
-
222
- .ui.link.list a.item,
223
- .ui.link.list .item a {
224
- color: rgba(0, 0, 0, 0.5);
225
- }
226
-
227
- .ui.link.list a.item:hover,
228
- .ui.link.list .item a:hover {
229
- color: rgba(0, 0, 0, 0.8);
230
- }
231
-
232
- .ui.link.list a.item:active,
233
- .ui.link.list .item a:active {
234
- color: rgba(0, 0, 0, 0.8);
235
- }
236
-
237
- .ui.link.list a.active.item,
238
- .ui.link.list .active.item a {
239
- color: rgba(0, 0, 0, 0.8);
240
- }
241
-
242
- /* Inverted */
243
-
244
- .ui.inverted.link.list a.item,
245
- .ui.inverted.link.list .item a {
246
- color: rgba(255, 255, 255, 0.6);
247
- }
248
-
249
- .ui.inverted.link.list a.item:hover,
250
- .ui.inverted.link.list .item a:hover {
251
- color: rgba(255, 255, 255, 0.8);
252
- }
253
-
254
- .ui.inverted.link.list a.item:active,
255
- .ui.inverted.link.list .item a:active {
256
- color: rgba(255, 255, 255, 0.9);
257
- }
258
-
259
- .ui.inverted.link.list a.active.item,
260
- .ui.inverted.link.list .active.item a {
261
- color: rgba(255, 255, 255, 0.8);
262
- }
263
-
264
- /*-------------------
265
- Selection
266
- --------------------*/
267
-
268
- .ui.selection.list .item {
269
- cursor: pointer;
270
- color: rgba(0, 0, 0, 0.4);
271
- padding: 0.5em;
272
- -webkit-transition: 0.2s color ease,
273
- 0.2s padding-left ease,
274
- 0.2s background-color ease;
275
- transition: 0.2s color ease,
276
- 0.2s padding-left ease,
277
- 0.2s background-color ease;
278
- }
279
-
280
- .ui.selection.list .item:hover {
281
- background-color: rgba(0, 0, 0, 0.02);
282
- color: rgba(0, 0, 0, 0.7);
283
- }
284
-
285
- .ui.selection.list .item:active {
286
- background-color: rgba(0, 0, 0, 0.05);
287
- color: rgba(0, 0, 0, 0.7);
288
- }
289
-
290
- .ui.selection.list .item.active {
291
- background-color: rgba(0, 0, 0, 0.04);
292
- color: rgba(0, 0, 0, 0.7);
293
- }
294
-
295
- .ui.animated.list .item {
296
- -webkit-transition: 0.2s color ease,
297
- 0.2s padding-left ease,
298
- 0.2s background-color ease;
299
- transition: 0.2s color ease,
300
- 0.2s padding-left ease,
301
- 0.2s background-color ease;
302
- }
303
-
304
- .ui.animated.list:not(.horizontal) .item:hover {
305
- padding-left: 1em;
306
- }
307
-
308
- .ui.animated.list:not(.horizontal) .item:hover .item:hover {
309
- padding-left: 0.5em;
310
- }
311
-
312
- /* Inverted */
313
-
314
- .ui.inverted.selection.list .item {
315
- color: rgba(255, 255, 255, 0.6);
316
- }
317
-
318
- .ui.inverted.selection.list .item:hover {
319
- background-color: rgba(255, 255, 255, 0.04);
320
- color: rgba(255, 255, 255, 0.8);
321
- }
322
-
323
- .ui.inverted.selection.list .item:active {
324
- background-color: rgba(255, 255, 255, 0.1);
325
- color: rgba(255, 255, 255, 0.7);
326
- }
327
-
328
- .ui.inverted.selection.list .item.active {
329
- background-color: rgba(255, 255, 255, 0.08);
330
- color: #FFFFFF;
331
- }
332
-
333
- /*-------------------
334
- Bulleted
335
- --------------------*/
336
-
337
- ul.ui.list,
338
- .ui.bulleted.list {
339
- margin-left: 1.5em;
340
- }
341
-
342
- ul.ui.list li,
343
- .ui.bulleted.list .item {
344
- position: relative;
345
- }
346
-
347
- ul.ui.list li:before,
348
- .ui.bulleted.list .item:before {
349
- position: absolute;
350
- left: -1.5em;
351
- content: '•';
352
- }
353
-
354
- ul.ui.list ul,
355
- .ui.bulleted.list .list {
356
- padding-left: 1.5em;
357
- }
358
-
359
- /* Horizontal Bulleted */
360
-
361
- ul.ui.horizontal.bulleted.list,
362
- .ui.horizontal.bulleted.list {
363
- margin-left: 0em;
364
- }
365
-
366
- ul.ui.horizontal.bulleted.list li,
367
- .ui.horizontal.bulleted.list .item {
368
- margin-left: 1.5em;
369
- }
370
-
371
- ul.ui.horizontal.bulleted.list li:before,
372
- .ui.horizontal.bulleted.list .item:before {
373
- left: -0.9em;
374
- }
375
-
376
- ul.ui.horizontal.bulleted.list li:first-child,
377
- .ui.horizontal.bulleted.list .item:first-child {
378
- margin-left: 0em;
379
- }
380
-
381
- ul.ui.horizontal.bulleted.list li:first-child::before,
382
- .ui.horizontal.bulleted.list .item:first-child::before {
383
- display: none;
384
- }
385
-
386
- /*-------------------
387
- Ordered
388
- --------------------*/
389
-
390
- ol.ui.list,
391
- .ui.ordered.list {
392
- counter-reset: ordered;
393
- margin-left: 2em;
394
- list-style-type: none;
395
- }
396
-
397
- ol.ui.list li,
398
- .ui.ordered.list .item {
399
- list-style-type: none;
400
- position: relative;
401
- }
402
-
403
- ol.ui.list li:before,
404
- .ui.ordered.list .item:before {
405
- position: absolute;
406
- left: -2em;
407
- counter-increment: ordered;
408
- content: counters(ordered, ".");
409
- text-align: right;
410
- vertical-align: top;
411
- opacity: 0.75;
412
- }
413
-
414
- ol.ui.list ol,
415
- .ui.ordered.list .list {
416
- counter-reset: ordered;
417
- padding-left: 2.5em;
418
- }
419
-
420
- ol.ui.list ol li:before,
421
- .ui.ordered.list .list .item:before {
422
- left: -2.5em;
423
- }
424
-
425
- /* Horizontal Ordered */
426
-
427
- ol.ui.horizontal.list,
428
- .ui.ordered.horizontal.list {
429
- margin-left: 0em;
430
- }
431
-
432
- ol.ui.horizontal.list li:before,
433
- .ui.ordered.horizontal.list .item:before {
434
- position: static;
435
- left: 0em;
436
- margin: 0em 0.5em 0em 0em;
437
- }
438
-
439
- /*-------------------
440
- Divided
441
- --------------------*/
442
-
443
- .ui.divided.list > .item,
444
- .ui.divided.list:not(.horizontal) > .list {
445
- border-top: 1px solid rgba(0, 0, 0, 0.1);
446
- padding-left: 0.5em;
447
- padding-right: 0.5em;
448
- }
449
-
450
- .ui.divided.list .item .menu .item {
451
- border-width: 0px;
452
- }
453
-
454
- .ui.divided.list .item:first-child {
455
- border-top-width: 0px;
456
- }
457
-
458
- /* Sub Menu */
459
-
460
- .ui.divided.list:not(.horizontal) .list:not(.icon) {
461
- margin-left: -0.5em;
462
- margin-right: -0.5em;
463
- }
464
-
465
- .ui.divided.list:not(.horizontal) .list .item {
466
- padding-left: 1em;
467
- padding-right: 1em;
468
- }
469
-
470
- .ui.divided.list:not(.horizontal) .list .item:first-child {
471
- border-top-width: 1px;
472
- }
473
-
474
- /* Divided bulleted */
475
-
476
- .ui.divided.bulleted.list {
477
- margin-left: 0em;
478
- }
479
-
480
- .ui.divided.bulleted.list .item {
481
- padding-left: 1.5em;
482
- }
483
-
484
- .ui.divided.bulleted.list .item:before {
485
- left: 0.5em;
486
- }
487
-
488
- /* Divided ordered */
489
-
490
- .ui.divided.ordered.list {
491
- margin-left: 0em;
492
- }
493
-
494
- .ui.divided.ordered.list > .item {
495
- padding-left: 2em;
496
- padding-right: 2em;
497
- }
498
-
499
- .ui.divided.ordered.list > .item:before {
500
- left: 0.5em;
501
- }
502
-
503
- .ui.divided.ordered.list .item .list {
504
- margin-left: -2em;
505
- margin-right: -2em;
506
- }
507
-
508
- /* Divided horizontal */
509
-
510
- .ui.divided.horizontal.list {
511
- margin-left: 0em;
512
- }
513
-
514
- .ui.divided.horizontal.list > .item {
515
- border-top: none;
516
- border-left: 1px solid rgba(0, 0, 0, 0.1);
517
- margin: 0em;
518
- padding-left: 0.75em;
519
- padding-right: 0.75em;
520
- line-height: 0.6em;
521
- }
522
-
523
- .ui.horizontal.divided.list > .item:first-child {
524
- border-left: none;
525
- padding-left: 0em;
526
- }
527
-
528
- /* Inverted */
529
-
530
- .ui.divided.inverted.list > .item,
531
- .ui.divided.inverted.list > .list {
532
- border-color: rgba(255, 255, 255, 0.2);
533
- }
534
-
535
- .ui.divided.inverted.horizontal.list .item {
536
- border-color: rgba(255, 255, 255, 0.2);
537
- }
538
-
539
- /*-------------------
540
- Celled
541
- --------------------*/
542
-
543
- .ui.celled.list > .item,
544
- .ui.celled.list > .list {
545
- border-top: 1px solid rgba(0, 0, 0, 0.1);
546
- padding-left: 0.5em;
547
- padding-right: 0.5em;
548
- }
549
-
550
- .ui.celled.list > .item:last-child {
551
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
552
- }
553
-
554
- /* Sub Menu */
555
-
556
- .ui.celled.list .item .list {
557
- margin-left: -0.5em;
558
- margin-right: -0.5em;
559
- }
560
-
561
- .ui.celled.list .item .list .item {
562
- border-width: 0px;
563
- }
564
-
565
- .ui.celled.list .list .item:first-child {
566
- border-top-width: 0px;
567
- }
568
-
569
- /* Celled Bulleted */
570
-
571
- .ui.celled.bulleted.list {
572
- margin-left: 0em;
573
- }
574
-
575
- .ui.celled.bulleted.list > .item {
576
- padding-left: 1.5em;
577
- }
578
-
579
- .ui.celled.bulleted.list > .item:before {
580
- left: 0.5em;
581
- }
582
-
583
- /* Celled Ordered */
584
-
585
- .ui.celled.ordered.list {
586
- margin-left: 0em;
587
- }
588
-
589
- .ui.celled.ordered.list .item {
590
- padding-left: 2em;
591
- padding-right: 2em;
592
- }
593
-
594
- .ui.celled.ordered.list .item:before {
595
- left: 0.5em;
596
- }
597
-
598
- .ui.celled.ordered.list .item .list {
599
- margin-left: -2em;
600
- margin-right: -2em;
601
- }
602
-
603
- /* Celled Horizontal */
604
-
605
- .ui.horizontal.celled.list {
606
- margin-left: 0em;
607
- }
608
-
609
- .ui.horizontal.celled.list .item {
610
- border-top: none;
611
- border-left: 1px solid rgba(0, 0, 0, 0.1);
612
- margin: 0em;
613
- padding-left: 0.75em;
614
- padding-right: 0.75em;
615
- line-height: 0.6em;
616
- }
617
-
618
- .ui.horizontal.celled.list .item:last-child {
619
- border-bottom: none;
620
- border-right: 1px solid rgba(0, 0, 0, 0.1);
621
- }
622
-
623
- /* Inverted */
624
-
625
- .ui.celled.inverted.list > .item,
626
- .ui.celled.inverted.list > .list {
627
- border-color: rgba(255, 255, 255, 0.2);
628
- }
629
-
630
- .ui.celled.inverted.horizontal.list .item {
631
- border-color: rgba(255, 255, 255, 0.2);
632
- }
633
-
634
- /*-------------------
635
- Relaxed
636
- --------------------*/
637
-
638
- .ui.relaxed.list:not(.horizontal) .item {
639
- padding-top: 0.5em;
640
- padding-bottom: 0.5em;
641
- }
642
-
643
- .ui.relaxed.list .header {
644
- margin-bottom: 0.25em;
645
- }
646
-
647
- .ui.horizontal.relaxed.list .item {
648
- padding-left: 1.25em;
649
- padding-right: 1.25em;
650
- }
651
-
652
- .ui.very.relaxed.list:not(.horizontal) .item {
653
- padding-top: 1em;
654
- padding-bottom: 1em;
655
- }
656
-
657
- .ui.very.relaxed.list .header {
658
- margin-bottom: 0.5em;
659
- }
660
-
661
- .ui.horizontal.very.relaxed.list .item {
662
- padding-left: 2em;
663
- padding-right: 2em;
664
- }
665
-
666
- /*-------------------
667
- Sizes
668
- --------------------*/
669
-
670
- .ui.mini.list .item {
671
- font-size: 0.7rem;
672
- }
673
-
674
- .ui.tiny.list .item {
675
- font-size: 0.8125rem;
676
- }
677
-
678
- .ui.small.list .item {
679
- font-size: 0.875rem;
680
- }
681
-
682
- .ui.list .item {
683
- font-size: 1em;
684
- }
685
-
686
- .ui.large.list .item {
687
- font-size: 1.125rem;
688
- }
689
-
690
- .ui.big.list .item {
691
- font-size: 1.25rem;
692
- }
693
-
694
- .ui.huge.list .item {
695
- font-size: 1.375rem;
696
- }
697
-
698
- .ui.massive.list .item {
699
- font-size: 1.5rem;
700
- }