semantic-ui-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +26 -0
  6. data/Rakefile +1 -0
  7. data/lib/generators/semantic/install/install_generator.rb +38 -0
  8. data/lib/generators/semantic/install/templates/semantic-ui.js +21 -0
  9. data/lib/generators/semantic/install/templates/semantic-ui/collections.less +6 -0
  10. data/lib/generators/semantic/install/templates/semantic-ui/elements.less +11 -0
  11. data/lib/generators/semantic/install/templates/semantic-ui/modules.less +18 -0
  12. data/lib/generators/semantic/install/templates/semantic-ui/views.less +6 -0
  13. data/lib/semantic/ui/rails.rb +10 -0
  14. data/lib/semantic/ui/rails/engine.rb +8 -0
  15. data/lib/semantic/ui/rails/version.rb +7 -0
  16. data/semantic-ui-rails.gemspec +23 -0
  17. data/vendor/assets/fonts/icons.eot +0 -0
  18. data/vendor/assets/fonts/icons.svg +450 -0
  19. data/vendor/assets/fonts/icons.ttf +0 -0
  20. data/vendor/assets/fonts/icons.woff +0 -0
  21. data/vendor/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  22. data/vendor/assets/images/semantic-ui/loader-large.gif +0 -0
  23. data/vendor/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  24. data/vendor/assets/images/semantic-ui/loader-medium.gif +0 -0
  25. data/vendor/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  26. data/vendor/assets/images/semantic-ui/loader-mini.gif +0 -0
  27. data/vendor/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  28. data/vendor/assets/images/semantic-ui/loader-small.gif +0 -0
  29. data/vendor/assets/javascripts/semantic-ui/accordion.js +411 -0
  30. data/vendor/assets/javascripts/semantic-ui/behavior/api.js +666 -0
  31. data/vendor/assets/javascripts/semantic-ui/behavior/colorize.js +271 -0
  32. data/vendor/assets/javascripts/semantic-ui/behavior/form.js +657 -0
  33. data/vendor/assets/javascripts/semantic-ui/behavior/state.js +752 -0
  34. data/vendor/assets/javascripts/semantic-ui/carousel.js +327 -0
  35. data/vendor/assets/javascripts/semantic-ui/chatroom.js +766 -0
  36. data/vendor/assets/javascripts/semantic-ui/checkbox.js +348 -0
  37. data/vendor/assets/javascripts/semantic-ui/dimmer.js +525 -0
  38. data/vendor/assets/javascripts/semantic-ui/dropdown.js +697 -0
  39. data/vendor/assets/javascripts/semantic-ui/modal.js +478 -0
  40. data/vendor/assets/javascripts/semantic-ui/nag.js +542 -0
  41. data/vendor/assets/javascripts/semantic-ui/popup.js +721 -0
  42. data/vendor/assets/javascripts/semantic-ui/rating.js +358 -0
  43. data/vendor/assets/javascripts/semantic-ui/search.js +770 -0
  44. data/vendor/assets/javascripts/semantic-ui/shape.js +776 -0
  45. data/vendor/assets/javascripts/semantic-ui/sidebar.js +489 -0
  46. data/vendor/assets/javascripts/semantic-ui/tab.js +674 -0
  47. data/vendor/assets/javascripts/semantic-ui/transition.js +645 -0
  48. data/vendor/assets/javascripts/semantic-ui/video.js +459 -0
  49. data/vendor/assets/stylesheets/semantic-ui/collections/breadcrumb.less +79 -0
  50. data/vendor/assets/stylesheets/semantic-ui/collections/form.less +536 -0
  51. data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +655 -0
  52. data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +1736 -0
  53. data/vendor/assets/stylesheets/semantic-ui/collections/message.less +337 -0
  54. data/vendor/assets/stylesheets/semantic-ui/collections/table.less +526 -0
  55. data/vendor/assets/stylesheets/semantic-ui/elements/button.less +1294 -0
  56. data/vendor/assets/stylesheets/semantic-ui/elements/divider.less +200 -0
  57. data/vendor/assets/stylesheets/semantic-ui/elements/header.less +325 -0
  58. data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +449 -0
  59. data/vendor/assets/stylesheets/semantic-ui/elements/image.less +170 -0
  60. data/vendor/assets/stylesheets/semantic-ui/elements/input.less +287 -0
  61. data/vendor/assets/stylesheets/semantic-ui/elements/label.less +805 -0
  62. data/vendor/assets/stylesheets/semantic-ui/elements/loader.less +178 -0
  63. data/vendor/assets/stylesheets/semantic-ui/elements/progress.less +353 -0
  64. data/vendor/assets/stylesheets/semantic-ui/elements/segment.less +465 -0
  65. data/vendor/assets/stylesheets/semantic-ui/elements/step.less +294 -0
  66. data/vendor/assets/stylesheets/semantic-ui/modules/accordion.less +135 -0
  67. data/vendor/assets/stylesheets/semantic-ui/modules/carousel.less +71 -0
  68. data/vendor/assets/stylesheets/semantic-ui/modules/chatroom.less +271 -0
  69. data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +378 -0
  70. data/vendor/assets/stylesheets/semantic-ui/modules/dimmer.less +230 -0
  71. data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less +506 -0
  72. data/vendor/assets/stylesheets/semantic-ui/modules/extra.transition.less +1197 -0
  73. data/vendor/assets/stylesheets/semantic-ui/modules/modal.less +154 -0
  74. data/vendor/assets/stylesheets/semantic-ui/modules/nag.less +175 -0
  75. data/vendor/assets/stylesheets/semantic-ui/modules/popup.less +238 -0
  76. data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +151 -0
  77. data/vendor/assets/stylesheets/semantic-ui/modules/reveal.less +367 -0
  78. data/vendor/assets/stylesheets/semantic-ui/modules/search.less +275 -0
  79. data/vendor/assets/stylesheets/semantic-ui/modules/shape.less +115 -0
  80. data/vendor/assets/stylesheets/semantic-ui/modules/sidebar.less +147 -0
  81. data/vendor/assets/stylesheets/semantic-ui/modules/tab.less +59 -0
  82. data/vendor/assets/stylesheets/semantic-ui/modules/transition.less +839 -0
  83. data/vendor/assets/stylesheets/semantic-ui/modules/video.less +99 -0
  84. data/vendor/assets/stylesheets/semantic-ui/views/comment.less +221 -0
  85. data/vendor/assets/stylesheets/semantic-ui/views/feed.less +151 -0
  86. data/vendor/assets/stylesheets/semantic-ui/views/item.less +641 -0
  87. data/vendor/assets/stylesheets/semantic-ui/views/list.less +491 -0
  88. data/vendor/assets/stylesheets/semantic-ui/views/sitemap.less +47 -0
  89. data/vendor/assets/stylesheets/semantic-ui/views/statistic.less +34 -0
  90. metadata +161 -0
@@ -0,0 +1,491 @@
1
+ /*
2
+ * # Semantic List - Flat
3
+ * http://github.com/quirkyinc/semantic
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ * Released: April 26 2013
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
+ ul.ui.list ul,
25
+ ol.ui.list ol,
26
+ .ui.list .list {
27
+ margin: 0em;
28
+ padding: 0.5em 0em 0.5em 1em;
29
+ }
30
+
31
+ ul.ui.list:first-child,
32
+ ol.ui.list:first-child,
33
+ .ui.list:first-child {
34
+ margin-top: 0em;
35
+ }
36
+
37
+ ul.ui.list:last-child,
38
+ ol.ui.list:last-child,
39
+ .ui.list:last-child {
40
+ margin-bottom: 0em;
41
+ }
42
+
43
+
44
+ /*******************************
45
+ Content
46
+ *******************************/
47
+
48
+ /* List Item */
49
+ ul.ui.list li,
50
+ ol.ui.list li,
51
+ .ui.list .item {
52
+ display: list-item;
53
+ list-style-type: none;
54
+ list-style-position: inside;
55
+
56
+ padding: 0.3em 0em;
57
+ line-height: 1.2;
58
+ }
59
+
60
+ /* Icon */
61
+ .ui.list .item > .icon {
62
+ margin: 0em 0.5em 0em 0em;
63
+ }
64
+ .ui.list .item > .icon + .content {
65
+ margin-left: 0.75em;
66
+ }
67
+
68
+ /* Image */
69
+ .ui.list .item > img {
70
+ display: inline-block;
71
+ width: 2em;
72
+ margin-right: 0.5em;
73
+
74
+ vertical-align: middle;
75
+ -webkit-border-radius: 0.2em;
76
+ -moz-border-radius: 0.2em;
77
+ border-radius: 0.2em;
78
+ }
79
+
80
+ /* Content */
81
+ .ui.list .item > .content {
82
+ display: inline-block;
83
+ vertical-align: middle;
84
+ line-height: 1.2;
85
+ }
86
+
87
+ /* Link */
88
+ .ui.list a {
89
+ cursor: pointer;
90
+ }
91
+ .ui.list a .icon {
92
+ color: rgba(0, 0, 0, 0.6);
93
+
94
+ -webkit-transition: color 0.2s ease;
95
+ -moz-transition: color 0.2s ease;
96
+ -o-transition: color 0.2s ease;
97
+ -ms-transition: color 0.2s ease;
98
+ transition: color 0.2s ease;
99
+ }
100
+
101
+ /* Header */
102
+ .ui.list .header {
103
+ font-weight: bold;
104
+ }
105
+ .ui.list .description {
106
+ color: rgba(0, 0, 0, 0.5);
107
+ }
108
+
109
+ /* Floated Content */
110
+ .ui.list .item > .left.floated {
111
+ float: left;
112
+ }
113
+ .ui.list .item > .right.floated {
114
+ float: right;
115
+ }
116
+
117
+
118
+
119
+ /*******************************
120
+ Types
121
+ *******************************/
122
+
123
+ /*-------------------
124
+ Horizontal
125
+ --------------------*/
126
+
127
+ .ui.horizontal.list {
128
+ display: inline-block;
129
+ font-size: 0em;
130
+ }
131
+ .ui.horizontal.list .item {
132
+ display: inline-block;
133
+ margin-left: 1em;
134
+ font-size: 1rem;
135
+ }
136
+
137
+ .ui.horizontal.list .item:first-child {
138
+ margin-left: 0em;
139
+ }
140
+
141
+ /*******************************
142
+ States
143
+ *******************************/
144
+
145
+ /*-------------------
146
+ Hover
147
+ --------------------*/
148
+
149
+ .ui.list a:hover .icon {
150
+ color: rgba(0, 0, 0, 0.8);
151
+ }
152
+
153
+
154
+
155
+ /*******************************
156
+ Variations
157
+ *******************************/
158
+
159
+ /*-------------------
160
+ Selection
161
+ --------------------*/
162
+
163
+ .ui.selection.list .item {
164
+ cursor: pointer;
165
+ color: rgba(0, 0, 0, 0.4);
166
+ padding: 0.5em;
167
+
168
+ -webkit-transition:
169
+ 0.2s color ease,
170
+ 0.2s padding-left ease,
171
+ 0.2s background-color ease
172
+ ;
173
+ -moz-transition:
174
+ 0.2s color ease,
175
+ 0.2s padding-left ease,
176
+ 0.2s background-color ease
177
+ ;
178
+ -o-transition:
179
+ 0.2s color ease,
180
+ 0.2s padding-left ease,
181
+ 0.2s background-color ease
182
+ ;
183
+ -ms-transition:
184
+ 0.2s color ease,
185
+ 0.2s padding-left ease,
186
+ 0.2s background-color ease
187
+ ;
188
+ transition:
189
+ 0.2s color ease,
190
+ 0.2s padding-left ease,
191
+ 0.2s background-color ease
192
+ ;
193
+ }
194
+ .ui.selection.list .item:hover {
195
+ background-color: rgba(0, 0, 0, 0.02);
196
+ color: rgba(0, 0, 0, 0.7);
197
+ }
198
+ .ui.selection.list:not(.horizontal, .ordered) .item:hover {
199
+ padding-left: 1em;
200
+ }
201
+ .ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover {
202
+ padding-left: 0.5em;
203
+ }
204
+
205
+ .ui.selection.list .item:active {
206
+ background-color: rgba(0, 0, 0, 0.05);
207
+ color: rgba(0, 0, 0, 0.7);
208
+ }
209
+ .ui.selection.list .item.active {
210
+ background-color: rgba(0, 0, 0, 0.04);
211
+ color: rgba(0, 0, 0, 0.7);
212
+ }
213
+
214
+
215
+
216
+ /*-------------------
217
+ Bulleted
218
+ --------------------*/
219
+
220
+ ul.ui.list,
221
+ .ui.bulleted.list {
222
+ margin-left: 1em;
223
+ }
224
+ ul.ui.list li,
225
+ .ui.bulleted.list .item {
226
+ position: relative;
227
+ }
228
+ ul.ui.list li:before,
229
+ .ui.bulleted.list .item:before {
230
+ position: absolute;
231
+ left: -1em;
232
+ content: '•';
233
+
234
+ line-height: 1.2rem;
235
+ vertical-align: top;
236
+ }
237
+
238
+ ul.ui.list ul,
239
+ .ui.bulleted.list .list {
240
+ padding-left: 1.2em;
241
+ }
242
+
243
+ /* Horizontal Bulleted */
244
+ ul.ui.horizontal.bulleted.list,
245
+ .ui.horizontal.bulleted.list {
246
+ margin-left: 0em;
247
+ }
248
+ ul.ui.horizontal.bulleted.list li,
249
+ .ui.horizontal.bulleted.list .item {
250
+ margin-left: 1.5em;
251
+ }
252
+ ul.ui.horizontal.bulleted.list li:before,
253
+ .ui.horizontal.bulleted.list .item:before {
254
+ left: -0.9em;
255
+ }
256
+ ul.ui.horizontal.bulleted.list li:first-child,
257
+ .ui.horizontal.bulleted.list .item:first-child {
258
+ margin-left: 0em;
259
+ }
260
+ ul.ui.horizontal.bulleted.list li:first-child::before,
261
+ .ui.horizontal.bulleted.list .item:first-child::before {
262
+ display: none;
263
+ }
264
+
265
+ /*-------------------
266
+ Ordered
267
+ --------------------*/
268
+
269
+ ol.ui.list,
270
+ .ui.ordered.list {
271
+ counter-reset: ordered;
272
+ margin-left: 2em;
273
+ list-style-type: none;
274
+ }
275
+ ol.ui.list li,
276
+ .ui.ordered.list .item {
277
+ list-style-type: none;
278
+ position: relative;
279
+ }
280
+ ol.ui.list li:before,
281
+ .ui.ordered.list .item:before {
282
+ position: absolute;
283
+ left: -2em;
284
+
285
+ counter-increment: ordered;
286
+ content: counters(ordered, ".");
287
+
288
+ text-align: right;
289
+ vertical-align: top;
290
+ opacity: 0.75;
291
+ }
292
+
293
+ ol.ui.list ol,
294
+ .ui.ordered.list .list {
295
+ counter-reset: ordered;
296
+ padding-left: 3em;
297
+ }
298
+
299
+ ol.ui.list ol li:before,
300
+ .ui.ordered.list .list .item:before {
301
+ left: -2.5em;
302
+ }
303
+
304
+ /* Horizontal Ordered */
305
+ ol.ui.horizontal.list,
306
+ .ui.ordered.horizontal.list {
307
+ margin-left: 0em;
308
+ }
309
+ ol.ui.horizontal.list li:before,
310
+ .ui.ordered.horizontal.list .item:before {
311
+ position: static;
312
+ margin: 0em 0.5em 0em 0em;
313
+ }
314
+
315
+
316
+ /*-------------------
317
+ Divided
318
+ --------------------*/
319
+
320
+ .ui.divided.list > .item,
321
+ .ui.divided.list > .list {
322
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
323
+ padding-left: 0.5em;
324
+ padding-right: 0.5em;
325
+ }
326
+ .ui.divided.list .item .menu .item {
327
+ border-width: 0px;
328
+ }
329
+ .ui.divided.list .item:first-child {
330
+ border-top-width: 0px;
331
+ }
332
+
333
+ /* Sub Menu */
334
+ .ui.divided.list .list {
335
+ margin-left: -0.5em;
336
+ margin-right: -0.5em;
337
+ }
338
+ .ui.divided.list .list .item {
339
+ padding-left: 1em;
340
+ padding-right: 1em;
341
+ }
342
+ .ui.divided.list .list .item:first-child {
343
+ border-top-width: 1px;
344
+ }
345
+
346
+ /* Divided bulleted */
347
+ .ui.divided.bulleted.list {
348
+ margin-left: 0em;
349
+ }
350
+ .ui.divided.bulleted.list .item {
351
+ padding-left: 1.5em;
352
+ }
353
+ .ui.divided.bulleted.list .item:before {
354
+ left: 0.5em;
355
+ }
356
+
357
+ /* Divided ordered */
358
+ .ui.divided.ordered.list {
359
+ margin-left: 0em;
360
+ }
361
+ .ui.divided.ordered.list > .item {
362
+ padding-left: 2em;
363
+ padding-right: 2em;
364
+ }
365
+ .ui.divided.ordered.list > .item:before {
366
+ left: 0.5em;
367
+ }
368
+ .ui.divided.ordered.list .item .list {
369
+ margin-left: -2em;
370
+ margin-right: -2em;
371
+ }
372
+
373
+
374
+ /* Divided horizontal */
375
+ .ui.divided.horizontal.list {
376
+ margin-left: 0em;
377
+ }
378
+ .ui.divided.horizontal.list .item {
379
+ border-top: none;
380
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
381
+ margin: 0em;
382
+ padding-left: 0.75em;
383
+ padding-right: 0.75em;
384
+
385
+ line-height: 0.6;
386
+ }
387
+ .ui.horizontal.divided.list .item:first-child {
388
+ border-left: none;
389
+ padding-left: 0em;
390
+ }
391
+
392
+
393
+
394
+
395
+ /*-------------------
396
+ Celled
397
+ --------------------*/
398
+
399
+ .ui.celled.list > .item,
400
+ .ui.celled.list > .list {
401
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
402
+ padding-left: 0.5em;
403
+ padding-right: 0.5em;
404
+ }
405
+ .ui.celled.list > .item:last-child {
406
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
407
+ }
408
+
409
+ /* Sub Menu */
410
+ .ui.celled.list .item .list {
411
+ margin-left: -0.5em;
412
+ margin-right: -0.5em;
413
+ }
414
+ .ui.celled.list .item .list .item {
415
+ border-width: 0px;
416
+ }
417
+ .ui.celled.list .list .item:first-child {
418
+ border-top-width: 0px;
419
+ }
420
+
421
+ /* Celled Bulleted */
422
+ .ui.celled.bulleted.list {
423
+ margin-left: 0em;
424
+ }
425
+ .ui.celled.bulleted.list > .item {
426
+ padding-left: 1.5em;
427
+ }
428
+ .ui.celled.bulleted.list > .item:before {
429
+ left: 0.5em;
430
+ }
431
+
432
+ /* Celled Ordered */
433
+ .ui.celled.ordered.list {
434
+ margin-left: 0em;
435
+ }
436
+ .ui.celled.ordered.list .item {
437
+ padding-left: 2em;
438
+ padding-right: 2em;
439
+ }
440
+ .ui.celled.ordered.list .item:before {
441
+ left: 0.5em;
442
+ }
443
+ .ui.celled.ordered.list .item .list {
444
+ margin-left: -2em;
445
+ margin-right: -2em;
446
+ }
447
+
448
+ /* Celled Horizontal */
449
+ .ui.horizontal.celled.list {
450
+ margin-left: 0em;
451
+ }
452
+ .ui.horizontal.celled.list .item {
453
+ border-top: none;
454
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
455
+ margin: 0em;
456
+ padding-left: 0.75em;
457
+ padding-right: 0.75em;
458
+
459
+ line-height: 0.6;
460
+ }
461
+ .ui.horizontal.celled.list .item:last-child {
462
+ border-bottom: none;
463
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
464
+ }
465
+
466
+
467
+ /*-------------------
468
+ Sizes
469
+ --------------------*/
470
+
471
+ .ui.mini.list .item {
472
+ font-size: 0.8125rem;
473
+ }
474
+ .ui.tiny.list .item {
475
+ font-size: 0.875rem;
476
+ }
477
+ .ui.small.list .item {
478
+ font-size: 0.875rem;
479
+ }
480
+ .ui.large.list .item {
481
+ font-size: 1.125rem;
482
+ }
483
+ .ui.big.list .item {
484
+ font-size: 1.25rem;
485
+ }
486
+ .ui.huge.list .item {
487
+ font-size: 1.375rem;
488
+ }
489
+ .ui.massive.list .item {
490
+ font-size: 1.5rem;
491
+ }