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,151 @@
1
+ /*******************************
2
+ Star Rating
3
+ *******************************/
4
+
5
+ .ui.rating {
6
+ display: inline-block;
7
+ vertical-align: middle;
8
+ margin: 0em 0.5em;
9
+ }
10
+ .ui.rating:first-child {
11
+ margin-left: 0em;
12
+ }
13
+ .ui.rating:last-child {
14
+ margin-right: 0em;
15
+ }
16
+
17
+ .ui.rating:after {
18
+ display: block;
19
+ content: '';
20
+ visibility: hidden;
21
+ clear: both;
22
+ height: 0;
23
+ }
24
+
25
+ /* Icon */
26
+ .ui.rating .icon {
27
+ cursor: default;
28
+ float: left;
29
+
30
+ margin: 0em;
31
+
32
+ width: 1em;
33
+ height: auto;
34
+ padding: 0em;
35
+ font-weight: normal;
36
+ font-style: normal;
37
+ }
38
+ .ui.rating .icon:after {
39
+ content: "\2605";
40
+ color: rgba(0, 0, 0, 0.15);
41
+
42
+ -webkit-transition:
43
+ color 0.3s ease,
44
+ opacity 0.3s ease
45
+ ;
46
+ -moz-transition:
47
+ color 0.3s ease,
48
+ opacity 0.3s ease
49
+ ;
50
+ -ms-transition:
51
+ color 0.3s ease,
52
+ opacity 0.3s ease
53
+ ;
54
+ -o-transition:
55
+ color 0.3s ease,
56
+ opacity 0.3s ease
57
+ ;
58
+ transition:
59
+ color 0.3s ease,
60
+ opacity 0.3s ease
61
+ ;
62
+ }
63
+
64
+ /*******************************
65
+ Types
66
+ *******************************/
67
+
68
+ /*-------------------
69
+ Star
70
+ --------------------*/
71
+
72
+ .ui.star.rating .icon:after {
73
+ content: '\e800';
74
+ font-family: 'Icons';
75
+ }
76
+
77
+ .ui.star.rating .active.icon:after {
78
+ content: '\e801';
79
+ font-family: 'Icons';
80
+ }
81
+
82
+
83
+ /*-------------------
84
+ Heart
85
+ --------------------*/
86
+
87
+ .ui.heart.rating .icon:after {
88
+ content: '\2661';
89
+ font-family: 'Icons';
90
+ }
91
+
92
+ .ui.heart.rating .active.icon:after {
93
+ content: '\2665';
94
+ font-family: 'Icons';
95
+ color: #EF404A;
96
+ }
97
+ .ui.heart.rating .hover.icon:after,
98
+ .ui.heart.rating .active.hover.icon:after {
99
+ color: #FF2733;
100
+ }
101
+
102
+
103
+ /*******************************
104
+ States
105
+ *******************************/
106
+
107
+ /*-------------------
108
+ Active
109
+ --------------------*/
110
+
111
+ /* active rating */
112
+ .ui.active.rating .icon {
113
+ cursor: pointer;
114
+ }
115
+
116
+ /* active icons */
117
+ .ui.rating .active.icon:after {
118
+ color: #FFCB08;
119
+ }
120
+
121
+
122
+ /*-------------------
123
+ Hover
124
+ --------------------*/
125
+
126
+ /* rating */
127
+ .ui.rating.hover .active.icon:after {
128
+ opacity: 0.5;
129
+ }
130
+
131
+ /* icon */
132
+ .ui.rating .icon.hover:after,
133
+ .ui.rating .icon.hover.active:after {
134
+ opacity: 1;
135
+ color: #FFB70A;
136
+ }
137
+
138
+
139
+ /*******************************
140
+ Variations
141
+ *******************************/
142
+
143
+ .ui.small.rating {
144
+ font-size: 1rem;
145
+ }
146
+ .ui.rating {
147
+ font-size: 1.5rem;
148
+ }
149
+ .ui.large.rating {
150
+ font-size: 2rem;
151
+ }
@@ -0,0 +1,367 @@
1
+ /*
2
+ * # Semantic Reveal
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: June 28, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Reveal
16
+ *******************************/
17
+
18
+ .ui.reveal {
19
+ display: inline-block;
20
+ position: relative !important;
21
+ z-index: 2 !important;
22
+ font-size: 0em !important;
23
+ }
24
+
25
+ .ui.reveal > .content {
26
+ font-size: 1em !important;
27
+ }
28
+
29
+ .ui.reveal > .visible.content {
30
+ -webkit-transition:
31
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
32
+ ;
33
+ -moz-transition:
34
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
35
+ ;
36
+ -ms-transition:
37
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
38
+ ;
39
+ transition:
40
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
41
+ ;
42
+ }
43
+
44
+ .ui.reveal > .visible.content {
45
+ position: absolute !important;
46
+ top: 0em !important;
47
+ left: 0em !important;
48
+ z-index: 4 !important;
49
+ -webkit-transition:
50
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
51
+ ;
52
+ -moz-transition:
53
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
54
+ ;
55
+ -ms-transition:
56
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
57
+ ;
58
+ transition:
59
+ all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
60
+ ;
61
+ }
62
+ .ui.reveal > .hidden.content {
63
+ position: relative !important;
64
+ z-index: 3 !important;
65
+ }
66
+
67
+ /*------------------
68
+ Loose Coupling
69
+ -------------------*/
70
+
71
+ .ui.reveal.button {
72
+ overflow: hidden;
73
+ }
74
+
75
+
76
+
77
+ /*******************************
78
+ Types
79
+ *******************************/
80
+
81
+
82
+ /*--------------
83
+ Slide
84
+ ---------------*/
85
+
86
+ .ui.slide.reveal {
87
+ position: relative !important;
88
+ display: block;
89
+ overflow: hidden !important;
90
+
91
+ white-space: nowrap;
92
+ }
93
+
94
+ .ui.slide.reveal > .content {
95
+ display: block;
96
+ float: left;
97
+
98
+ -webkit-box-sizing: border-box;
99
+ -moz-box-sizing: border-box;
100
+ -ms-box-sizing: border-box;
101
+ box-sizing: border-box;
102
+
103
+ margin: 0em;
104
+ -webkit-transition:
105
+ top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
106
+ left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
107
+ right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
108
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
109
+ ;
110
+ -moz-transition:
111
+ top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
112
+ left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
113
+ right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
114
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
115
+ ;
116
+ -ms-transition:
117
+ top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
118
+ left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
119
+ right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
120
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
121
+ ;
122
+ transition:
123
+ top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
124
+ left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
125
+ right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
126
+ bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
127
+ ;
128
+ }
129
+ .ui.slide.reveal > .visible.content {
130
+ position: relative !important;
131
+ }
132
+ .ui.slide.reveal > .hidden.content {
133
+ position: absolute !important;
134
+ left: 100% !important;
135
+ width: 100% !important;
136
+ }
137
+ .ui.slide.reveal:hover > .visible.content {
138
+ left: -100% !important;
139
+ }
140
+ .ui.slide.reveal:hover > .hidden.content {
141
+ left: 0% !important;
142
+ }
143
+
144
+ .ui.right.slide.reveal > .visible.content {
145
+ left: 0%;
146
+ }
147
+ .ui.right.slide.reveal > .hidden.content {
148
+ left: auto !important;
149
+ right: 100% !important;
150
+ }
151
+ .ui.right.slide.reveal:hover > .visible.content {
152
+ left: 100% !important;
153
+ right: auto !important;
154
+ }
155
+ .ui.right.slide.reveal:hover > .hidden.content {
156
+ left: auto !important;
157
+ right: 0% !important;
158
+ }
159
+
160
+ .ui.up.slide.reveal > .visible.content {
161
+ top: 0% !important;
162
+ left: 0% !important;
163
+ right: auto !important;
164
+ bottom: auto !important;
165
+ }
166
+ .ui.up.slide.reveal > .hidden.content {
167
+ top: 100% !important;
168
+ left: 0% !important;
169
+ right: auto !important;
170
+ bottom: auto !important;
171
+ }
172
+ .ui.slide.up.reveal:hover > .visible.content {
173
+ top: -100% !important;
174
+ left: 0% !important;
175
+ }
176
+ .ui.slide.up.reveal:hover > .hidden.content {
177
+ top: 0% !important;
178
+ left: 0% !important;
179
+ }
180
+
181
+ .ui.down.slide.reveal > .visible.content {
182
+ top: auto !important;
183
+ right: auto !important;
184
+ bottom: auto !important;
185
+ bottom: 0% !important;
186
+ }
187
+ .ui.down.slide.reveal > .hidden.content {
188
+ top: auto !important;
189
+ right: auto !important;
190
+ bottom: 100% !important;
191
+ left: 0% !important;
192
+ }
193
+ .ui.slide.down.reveal:hover > .visible.content {
194
+ left: 0% !important;
195
+ bottom: -100% !important;
196
+ }
197
+ .ui.slide.down.reveal:hover > .hidden.content {
198
+ left: 0% !important;
199
+ bottom: 0% !important;
200
+ }
201
+
202
+
203
+
204
+ /*--------------
205
+ Fade
206
+ ---------------*/
207
+
208
+ .ui.fade.reveal > .visible.content {
209
+ opacity: 1;
210
+ }
211
+ .ui.fade.reveal:hover > .visible.content {
212
+ opacity: 0;
213
+ }
214
+
215
+
216
+ /*--------------
217
+ Move
218
+ ---------------*/
219
+
220
+ .ui.move.reveal > .visible.content,
221
+ .ui.move.left.reveal > .visible.content {
222
+ left: auto !important;
223
+ top: auto !important;
224
+ bottom: auto !important;
225
+ right: 0% !important;
226
+ }
227
+ .ui.move.reveal:hover > .visible.content,
228
+ .ui.move.left.reveal:hover > .visible.content {
229
+ right: 100% !important;
230
+ }
231
+
232
+ .ui.move.right.reveal > .visible.content {
233
+ right: auto !important;
234
+ top: auto !important;
235
+ bottom: auto !important;
236
+ left: 0% !important;
237
+ }
238
+ .ui.move.right.reveal:hover > .visible.content {
239
+ left: 100% !important;
240
+ }
241
+
242
+ .ui.move.up.reveal > .visible.content {
243
+ right: auto !important;
244
+ left: auto !important;
245
+ top: auto !important;
246
+
247
+ bottom: 0% !important;
248
+ }
249
+ .ui.move.up.reveal:hover > .visible.content {
250
+ bottom: 100% !important;
251
+ }
252
+
253
+ .ui.move.down.reveal > .visible.content {
254
+ right: auto !important;
255
+ left: auto !important;
256
+ bottom: auto !important;
257
+
258
+ top: 0% !important;
259
+ bottom: auto !important;
260
+ }
261
+ .ui.move.down.reveal:hover > .visible.content {
262
+ top: 100% !important;
263
+ }
264
+
265
+
266
+ /*--------------
267
+ Rotate
268
+ ---------------*/
269
+
270
+ .ui.rotate.reveal > .visible.content {
271
+ -webkit-transition-duration: 0.8s;
272
+ -moz-transition-duration: 0.8s;
273
+ -o-transition-duration: 0.8s;
274
+ -ms-transition-duration: 0.8s;
275
+ transition-duration: 0.8s;
276
+
277
+ -webkit-transform: rotate(0deg);
278
+ -moz-transform: rotate(0deg);
279
+ -o-transform: rotate(0deg);
280
+ -ms-transform: rotate(0deg);
281
+ transform: rotate(0deg);
282
+ }
283
+
284
+ .ui.rotate.reveal > .visible.content,
285
+ .ui.rotate.right.reveal > .visible.content {
286
+ -webkit-transform-origin: bottom right;
287
+ -moz-transform-origin: bottom right;
288
+ -o-transform-origin: bottom right;
289
+ -ms-transform-origin: bottom right;
290
+ transform-origin: bottom right;
291
+ }
292
+ .ui.rotate.reveal:hover > .visible.content,
293
+ .ui.rotate.right.reveal:hover > .visible.content {
294
+ -webkit-transform: rotate(110deg);
295
+ -moz-transform: rotate(110deg);
296
+ -o-transform: rotate(110deg);
297
+ -ms-transform: rotate(110deg);
298
+ transform: rotate(110deg);
299
+ }
300
+
301
+ .ui.rotate.left.reveal > .visible.content {
302
+ -webkit-transform-origin: bottom left;
303
+ -moz-transform-origin: bottom left;
304
+ -o-transform-origin: bottom left;
305
+ -ms-transform-origin: bottom left;
306
+ transform-origin: bottom left;
307
+ }
308
+ .ui.rotate.left.reveal:hover > .visible.content {
309
+ -webkit-transform: rotate(-110deg);
310
+ -moz-transform: rotate(-110deg);
311
+ -o-transform: rotate(-110deg);
312
+ -ms-transform: rotate(-110deg);
313
+ transform: rotate(-110deg);
314
+ }
315
+
316
+ /*******************************
317
+ States
318
+ *******************************/
319
+
320
+ .ui.disabled.reveal {
321
+ opacity: 1 !important;
322
+ }
323
+ .ui.disabled.reveal > .content {
324
+ -webkit-transition: none !important;
325
+ -moz-transition: none !important;
326
+ -o-transition: none !important;
327
+ -ms-transition: none !important;
328
+ transition: none !important;
329
+ }
330
+ .ui.disabled.reveal:hover > .visible.content {
331
+ position: static !important;
332
+ display: block !important;
333
+ opacity: 1 !important;
334
+ top: 0 !important;
335
+ left: 0 !important;
336
+ right: auto !important;
337
+ bottom: auto !important;
338
+ transform: none !important;
339
+ }
340
+ .ui.disabled.reveal:hover > .hidden.content {
341
+ display: none !important;
342
+ }
343
+
344
+
345
+ /*******************************
346
+ Variations
347
+ *******************************/
348
+
349
+ /*--------------
350
+ Masked
351
+ ---------------*/
352
+
353
+ .ui.masked.reveal {
354
+ overflow: hidden;
355
+ }
356
+
357
+ /*--------------
358
+ Instant
359
+ ---------------*/
360
+
361
+ .ui.instant.reveal > .content {
362
+ -webkit-transition-delay: 0s !important;
363
+ -moz-transition-delay: 0s !important;
364
+ -o-transition-delay: 0s !important;
365
+ -ms-transition-delay: 0s !important;
366
+ transition-delay: 0s !important;
367
+ }