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,178 @@
1
+ /*
2
+ * # Semantic Loader
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 17 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Loader
16
+ *******************************/
17
+
18
+
19
+ /* Standard Size */
20
+ .ui.loader {
21
+ display: none;
22
+ position: absolute;
23
+ top: 50%;
24
+ left: 50%;
25
+ margin: -16px 0px 0px -16px;
26
+ z-index: 1000;
27
+ }
28
+
29
+ .ui.dimmer .loader {
30
+ display: block;
31
+ }
32
+
33
+ /*-------------------
34
+ Text
35
+ --------------------*/
36
+
37
+ /* Text Styles */
38
+ .ui.loader.text {
39
+ width: auto !important;
40
+ height: auto !important;
41
+ text-align: center;
42
+ font-style: normal;
43
+
44
+ margin-top: -28px;
45
+ min-width: 32px;
46
+ padding-top: 40px;
47
+ font-size: 0.875em;
48
+ }
49
+ .ui.loader.text.mini {
50
+ margin-top: -16px;
51
+ min-width: 16px;
52
+ padding-top: 20px;
53
+ font-size: 0.875em;
54
+ }
55
+ .ui.loader.text.small {
56
+ margin-top: -23px;
57
+ min-width: 24px;
58
+ padding-top: 32px;
59
+ font-size: 0.875em;
60
+ }
61
+ .ui.loader.text.large {
62
+ margin-top: -46px;
63
+ min-width: 64px;
64
+ padding-top: 80px;
65
+ font-size: 1em;
66
+ }
67
+
68
+ /*******************************
69
+ States
70
+ *******************************/
71
+
72
+
73
+ .ui.loader.active,
74
+ .ui.loader.visible {
75
+ display: block;
76
+ }
77
+
78
+ .ui.loader.disabled,
79
+ .ui.loader.hidden {
80
+ display: none;
81
+ }
82
+
83
+
84
+ /*******************************
85
+ Variations
86
+ *******************************/
87
+
88
+
89
+ /*-------------------
90
+ Inverted
91
+ --------------------*/
92
+
93
+ .ui.dimmer .ui.text.loader,
94
+ .ui.inverted.text.loader {
95
+ color: rgba(255, 255, 255, 0.8);
96
+ }
97
+ .ui.inverted.dimmer .ui.text.loader {
98
+ color: rgba(0, 0, 0, 0.8);
99
+ }
100
+
101
+ /* Tiny Size */
102
+ .ui.dimmer .mini.ui.loader,
103
+ .ui.inverted .mini.ui.loader {
104
+ background-image: url(../images/loader-mini-inverted.gif);
105
+ }
106
+
107
+ /* Small Size */
108
+ .ui.dimmer .small.ui.loader,
109
+ .ui.inverted .small.ui.loader {
110
+ background-image: url(../images/loader-small-inverted.gif);
111
+ }
112
+
113
+ /* Standard Size */
114
+ .ui.dimmer .ui.loader,
115
+ .ui.inverted.loader {
116
+ background-image: url(../images/loader-medium-inverted.gif);
117
+ }
118
+
119
+ /* Large Size */
120
+ .ui.dimmer .large.ui.loader,
121
+ .ui.inverted .large.ui.loader {
122
+ background-image: url(../images/loader-large-inverted.gif);
123
+ }
124
+
125
+ /*-------------------
126
+ Sizes
127
+ --------------------*/
128
+
129
+ /* Tiny Size */
130
+ .ui.inverted.dimmer .ui.loader.mini,
131
+ .ui.loader.mini {
132
+ width: 16px;
133
+ height: 16px;
134
+ background-image: url(../images/loader-mini.gif);
135
+ margin: -8px 0px 0px -8px;
136
+ }
137
+
138
+ /* Small Size */
139
+ .ui.inverted.dimmer .ui.loader.small,
140
+ .ui.loader.small {
141
+ width: 24px;
142
+ height: 24px;
143
+ background-image: url(../images/loader-small.gif);
144
+ margin: -12px 0px 0px -12px;
145
+ }
146
+
147
+ .ui.inverted.dimmer .ui.loader,
148
+ .ui.loader {
149
+ width: 32px;
150
+ height: 32px;
151
+ background: url(../images/loader-medium.gif) no-repeat;
152
+ background-position: 48% 0px;
153
+ }
154
+
155
+ /* Large Size */
156
+ .ui.inverted.dimmer .ui.loader.large,
157
+ .ui.loader.large {
158
+ width: 64px;
159
+ height: 64px;
160
+ background-image: url(../images/loader-large.gif);
161
+ margin: -32px 0px 0px -32px;
162
+ }
163
+
164
+
165
+ /*-------------------
166
+ Inline
167
+ --------------------*/
168
+
169
+ .ui.inline.loader {
170
+ position: static;
171
+ vertical-align: middle;
172
+ margin: 0em;
173
+ }
174
+
175
+ .ui.inline.loader.active,
176
+ .ui.inline.loader.visible {
177
+ display: inline-block;
178
+ }
@@ -0,0 +1,353 @@
1
+ /*
2
+ * # Semantic Progress Bar
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: Nay 14, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Progress Bar
16
+ *******************************/
17
+
18
+ .ui.progress {
19
+ border: 1px solid rgba(0, 0, 0, 0.1);
20
+
21
+ width: 100%;
22
+ height: 35px;
23
+
24
+ background-color: #FAFAFA;
25
+ padding: 5px;
26
+
27
+ -webkit-border-radius: 0.3125em;
28
+ -moz-border-radius: 0.3125em;
29
+ border-radius: 0.3125em;
30
+
31
+ -webkit-box-sizing: border-box;
32
+ -moz-box-sizing: border-box;
33
+ -ms-box-sizing: border-box;
34
+ box-sizing: border-box;
35
+ }
36
+
37
+ .ui.progress .bar {
38
+ display: inline-block;
39
+ height: 100%;
40
+
41
+ background-color: #CCCCCC;
42
+
43
+ -moz-border-radius: 3px;
44
+ -webkit-border-radius: 3px;
45
+ border-radius: 3px;
46
+
47
+ -webkit-transition:
48
+ width 1s ease-in-out,
49
+ background-color 1s ease-out
50
+ ;
51
+ -moz-transition:
52
+ width 1s ease-in-out,
53
+ background-color 1s ease-out
54
+ ;
55
+ -ms-transition:
56
+ width 1s ease-in-out,
57
+ background-color 1s ease-out
58
+ ;
59
+ -o-transition:
60
+ width 1s ease-in-out,
61
+ background-color 1s ease-out
62
+ ;
63
+ transition:
64
+ width 1s ease-in-out,
65
+ background-color 1s ease-out
66
+ ;
67
+ }
68
+
69
+
70
+ /*******************************
71
+ States
72
+ *******************************/
73
+
74
+
75
+ /*--------------
76
+ Successful
77
+ ---------------*/
78
+
79
+ .ui.successful.progress .bar {
80
+ background-color: #73E064 !important;
81
+ }
82
+ .ui.successful.progress .bar,
83
+ .ui.successful.progress .bar::after {
84
+ -webkit-animation: none !important;
85
+ -moz-animation: none !important;
86
+ animation: none !important;
87
+ }
88
+
89
+ /*--------------
90
+ Failed
91
+ ---------------*/
92
+
93
+ .ui.failed.progress .bar {
94
+ background-color: #DF9BA4 !important;
95
+ }
96
+ .ui.failed.progress .bar,
97
+ .ui.failed.progress .bar::after {
98
+ -webkit-animation: none !important;
99
+ -moz-animation: none !important;
100
+ animation: none !important;
101
+ }
102
+
103
+ /*--------------
104
+ Active
105
+ ---------------*/
106
+
107
+ .ui.active.progress .bar {
108
+ position: relative;
109
+ }
110
+ .ui.active.progress .bar::after {
111
+ content: '';
112
+ opacity: 0;
113
+
114
+ position: absolute;
115
+ top: 0px;
116
+ left: 0px;
117
+ right: 0px;
118
+ bottom: 0px;
119
+ background: #FFFFFF;
120
+
121
+ -moz-border-radius: 3px;
122
+ -webkit-border-radius: 3px;
123
+ border-radius: 3px;
124
+
125
+ -webkit-animation: progress-active 2s ease-out infinite;
126
+ -moz-animation: progress-active 2s ease-out infinite;
127
+ animation: progress-active 2s ease-out infinite;
128
+ }
129
+
130
+ @-webkit-keyframes progress-active {
131
+ 0% {
132
+ opacity: 0;
133
+ width: 0;
134
+ }
135
+ 50% {
136
+ opacity: 0.3;
137
+ }
138
+ 100% {
139
+ opacity: 0;
140
+ width: 95%;
141
+ }
142
+ }
143
+ @-moz-keyframes progress-active {
144
+ 0% {
145
+ opacity: 0;
146
+ width: 0;
147
+ }
148
+ 50% {
149
+ opacity: 0.3;
150
+ }
151
+ 100% {
152
+ opacity: 0;
153
+ width: 100%;
154
+ }
155
+ }
156
+ @keyframes progress-active {
157
+ 0% {
158
+ opacity: 0;
159
+ width: 0;
160
+ }
161
+ 50% {
162
+ opacity: 0.3;
163
+ }
164
+ 100% {
165
+ opacity: 0;
166
+ width: 100%;
167
+ }
168
+ }
169
+
170
+ /*--------------
171
+ Disabled
172
+ ---------------*/
173
+
174
+ .ui.disabled.progress {
175
+ opacity: 0.35;
176
+ }
177
+ .ui.disabled.progress .bar,
178
+ .ui.disabled.progress .bar::after {
179
+ -webkit-animation: none !important;
180
+ -moz-animation: none !important;
181
+ animation: none !important;
182
+ }
183
+
184
+
185
+
186
+ /*******************************
187
+ Variations
188
+ *******************************/
189
+
190
+
191
+ /*--------------
192
+ Attached
193
+ ---------------*/
194
+
195
+ /* bottom attached */
196
+ .ui.progress.attached {
197
+ position: relative;
198
+ border: none;
199
+ }
200
+ .ui.progress.attached,
201
+ .ui.progress.attached .bar {
202
+ display: block;
203
+ height: 3px;
204
+ padding: 0px;
205
+ overflow: hidden;
206
+ -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
207
+ -moz-border-radius: 0em 0em 0.3125em 0.3125em;
208
+ border-radius: 0em 0em 0.3125em 0.3125em;
209
+ }
210
+ .ui.progress.attached .bar {
211
+ -webkit-border-radius: 0em;
212
+ -moz-border-radius: 0em;
213
+ border-radius: 0em;
214
+ }
215
+
216
+ /* top attached */
217
+ .ui.progress.top.attached,
218
+ .ui.progress.top.attached .bar {
219
+ top: -2px;
220
+ -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
221
+ -moz-border-radius: 0.3125em 0.3125em 0em 0em;
222
+ border-radius: 0.3125em 0.3125em 0em 0em;
223
+ }
224
+ .ui.progress.top.attached .bar {
225
+ -webkit-border-radius: 0em;
226
+ -moz-border-radius: 0em;
227
+ border-radius: 0em;
228
+ }
229
+
230
+
231
+ /*--------------
232
+ Colors
233
+ ---------------*/
234
+
235
+ .ui.blue.progress .bar {
236
+ background-color: #6ECFF5;
237
+ }
238
+ .ui.black.progress .bar {
239
+ background-color: #5C6166;
240
+ }
241
+ .ui.green.progress .bar {
242
+ background-color: #A1CF64;
243
+ }
244
+ .ui.red.progress .bar {
245
+ background-color: #EF4D6D;
246
+ }
247
+ .ui.purple.progress .bar {
248
+ background-color: #564F8A;
249
+ }
250
+ .ui.teal.progress .bar {
251
+ background-color: #00B5AD;
252
+ }
253
+
254
+
255
+ /*--------------
256
+ Striped
257
+ ---------------*/
258
+
259
+ .ui.progress.striped .bar {
260
+ -webkit-background-size: 30px 30px;
261
+ -moz-background-size: 30px 30px;
262
+ background-size: 30px 30px;
263
+ background-image:
264
+ -webkit-gradient(linear, left top, right bottom,
265
+ color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
266
+ color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
267
+ color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
268
+ to(transparent)
269
+ )
270
+ ;
271
+ background-image:
272
+ -webkit-linear-gradient(
273
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
274
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
275
+ transparent 75%, transparent
276
+ )
277
+ ;
278
+ background-image:
279
+ -moz-linear-gradient(
280
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
281
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
282
+ transparent 75%, transparent
283
+ )
284
+ ;
285
+ background-image:
286
+ -ms-linear-gradient(
287
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
288
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
289
+ transparent 75%, transparent
290
+ )
291
+ ;
292
+ background-image:
293
+ -o-linear-gradient(
294
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
295
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
296
+ transparent 75%, transparent
297
+ )
298
+ ;
299
+ background-image:
300
+ linear-gradient(
301
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
302
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
303
+ transparent 75%, transparent
304
+ )
305
+ ;
306
+ }
307
+
308
+ .ui.progress.active.striped .bar:after {
309
+ -webkit-animation: none;
310
+ -moz-animation: none;
311
+ -ms-animation: none;
312
+ -o-animation: none;
313
+ animation: none;
314
+ }
315
+ .ui.progress.active.striped .bar {
316
+ -webkit-animation: progress-striped 3s linear infinite;
317
+ -moz-animation: progress-striped 3s linear infinite;
318
+ animation: progress-striped 3s linear infinite;
319
+ }
320
+
321
+ @-webkit-keyframes progress-striped {
322
+ 0% {
323
+ background-position: 0px 0;
324
+ }
325
+ 100% {
326
+ background-position: 60px 0;
327
+ }
328
+ }
329
+ @-moz-keyframes progress-striped {
330
+ 0% {
331
+ background-position: 0px 0;
332
+ }
333
+ 100% {
334
+ background-position: 60px 0;
335
+ }
336
+ }
337
+ @keyframes progress-striped {
338
+ 0% {
339
+ background-position: 0px 0;
340
+ }
341
+ 100% {
342
+ background-position: 60px 0;
343
+ }
344
+ }
345
+
346
+
347
+ /*--------------
348
+ Sizes
349
+ ---------------*/
350
+
351
+ .ui.small.progress .bar {
352
+ height: 14px;
353
+ }