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,294 @@
1
+ /*
2
+ * # Semantic Steps
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
+ Step
15
+ *******************************/
16
+
17
+ .ui.step,
18
+ .ui.steps .step {
19
+ display: inline-block;
20
+ position: relative;
21
+ padding: 1em 2em 1em 3em;
22
+
23
+ vertical-align: top;
24
+ background-color: #FFFFFF;
25
+ color: #888888;
26
+
27
+ -webkit-box-sizing: border-box;
28
+ -moz-box-sizing: border-box;
29
+ -ms-box-sizing: border-box;
30
+ box-sizing: border-box;
31
+ }
32
+ .ui.step:after,
33
+ .ui.steps .step:after {
34
+ position: absolute;
35
+ z-index: 2;
36
+ content: '';
37
+ top: 0em;
38
+ right: -1.45em;
39
+
40
+ border-bottom: 1.5em solid transparent;
41
+ border-left: 1.5em solid #FFFFFF;
42
+ border-top: 1.5em solid transparent;
43
+
44
+ width: 0em;
45
+ height: 0em;
46
+ }
47
+
48
+ .ui.step,
49
+ .ui.steps .step,
50
+ .ui.steps .step:after {
51
+ -webkit-transition:
52
+ opacity 0.1s ease,
53
+ color 0.1s ease,
54
+ box-shadow 0.1s ease
55
+ ;
56
+ -moz-transition:
57
+ opacity 0.1s ease,
58
+ color 0.1s ease,
59
+ box-shadow 0.1s ease
60
+ ;
61
+ -o-transition:
62
+ opacity 0.1s ease,
63
+ color 0.1s ease,
64
+ box-shadow 0.1s ease
65
+ ;
66
+ -ms-transition:
67
+ opacity 0.1s ease,
68
+ color 0.1s ease,
69
+ box-shadow 0.1s ease
70
+ ;
71
+ transition:
72
+ opacity 0.1s ease,
73
+ color 0.1s ease,
74
+ box-shadow 0.1s ease
75
+ ;
76
+ }
77
+
78
+ /*******************************
79
+ Group
80
+ *******************************/
81
+
82
+ .ui.steps {
83
+ cursor: pointer;
84
+ display: inline-block;
85
+ font-size: 0em;
86
+
87
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
88
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
89
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
90
+
91
+ line-height: 1;
92
+
93
+ -webkit-box-sizing: border-box;
94
+ -moz-box-sizing: border-box;
95
+ -ms-box-sizing: border-box;
96
+ box-sizing: border-box;
97
+
98
+ -moz-border-radius: 0.3125rem;
99
+ -webkit-border-radius: 0.3125rem;
100
+ border-radius: 0.3125rem;
101
+ }
102
+
103
+ .ui.steps .step:first-child {
104
+ padding-left: 1.35em;
105
+ -webkit-border-radius: 0.3125em 0em 0em 0.3125em;
106
+ -moz-border-radius: 0.3125em 0em 0em 0.3125em;
107
+ border-radius: 0.3125em 0em 0em 0.3125em;
108
+ }
109
+ .ui.steps .step:last-child {
110
+ -webkit-border-radius: 0em 0.3125em 0.3125em 0em;
111
+ -moz-border-radius: 0em 0.3125em 0.3125em 0em;
112
+ border-radius: 0em 0.3125em 0.3125em 0em;
113
+ }
114
+ .ui.steps .step:only-child {
115
+ -webkit-border-radius: 0.3125em;
116
+ -moz-border-radius: 0.3125em;
117
+ border-radius: 0.3125em;
118
+ }
119
+
120
+ .ui.steps .step:last-child {
121
+ margin-right: 0em;
122
+ }
123
+ .ui.steps .step:last-child:after {
124
+ display: none;
125
+ }
126
+
127
+
128
+ /*******************************
129
+ States
130
+ *******************************/
131
+
132
+ /* Hover */
133
+ .ui.step:hover,
134
+ .ui.step.hover {
135
+ background-color: #F7F7F7;
136
+ color: rgba(0, 0, 0, 0.8);
137
+ }
138
+ .ui.steps .step.hover:after,
139
+ .ui.steps .step:hover:after,
140
+ .ui.step:hover,
141
+ .ui.step.hover::after {
142
+ border-left-color: #F7F7F7;
143
+ }
144
+
145
+ /* Hover */
146
+ .ui.steps .step.down,
147
+ .ui.steps .step:active,
148
+ .ui.step.down,
149
+ .ui.step:active {
150
+ background-color: #F0F0F0;
151
+ }
152
+ .ui.steps .step.down:after,
153
+ .ui.steps .step:active:after,
154
+ .ui.steps.down::after,
155
+ .ui.steps:active::after {
156
+ border-left-color: #F0F0F0;
157
+ }
158
+
159
+ /* Active */
160
+ .ui.steps .step.active,
161
+ .ui.active.step {
162
+ cursor: auto;
163
+ background-color: #555555;
164
+
165
+ color: #FFFFFF;
166
+ font-weight: bold;
167
+ }
168
+ .ui.steps .step.active:after,
169
+ .ui.active.steps:after {
170
+ border-left-color: #555555;
171
+ }
172
+
173
+ /* Disabled */
174
+ .ui.steps .disabled.step,
175
+ .ui.disabled.step {
176
+ cursor: auto;
177
+ background-color: #FFFFFF;
178
+ color: #CBCBCB;
179
+ }
180
+ .ui.disabled.step:after {
181
+ border: none;
182
+ background-color: #FFFFFF;
183
+ top: 0.42em;
184
+ right: -1em;
185
+
186
+ width: 2.15em;
187
+ height: 2.15em;
188
+
189
+ -webkit-transform: rotate(-45deg);
190
+ -moz-transform: rotate(-45deg);
191
+ -o-transform: rotate(-45deg);
192
+ -ms-transform: rotate(-45deg);
193
+ transform: rotate(-45deg);
194
+
195
+ -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
196
+ -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
197
+ box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
198
+ }
199
+
200
+ /*******************************
201
+ Variations
202
+ *******************************/
203
+
204
+ /* Attached */
205
+ .attached.ui.steps {
206
+ margin: 0em;
207
+ -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
208
+ -moz-border-radius: 0.3125em 0.3125em 0em 0em;
209
+ border-radius: 0.3125em 0.3125em 0em 0em;
210
+ }
211
+ .attached.ui.steps .step:first-child {
212
+ -webkit-border-radius: 0.3125em 0em 0em 0em;
213
+ -moz-border-radius: 0.3125em 0em 0em 0em;
214
+ border-radius: 0.3125em 0em 0em 0em;
215
+ }
216
+ .attached.ui.steps .step:last-child {
217
+ -webkit-border-radius: 0em 0.3125em 0em 0em;
218
+ -moz-border-radius: 0em 0.3125em 0em 0em;
219
+ border-radius: 0em 0.3125em 0em 0em;
220
+ }
221
+
222
+ /* Bottom Side */
223
+ .bottom.attached.ui.steps {
224
+ margin-top: -1px;
225
+ -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
226
+ -moz-border-radius: 0em 0em 0.3125em 0.3125em;
227
+ border-radius: 0em 0em 0.3125em 0.3125em;
228
+ }
229
+ .bottom.attached.ui.steps .step:first-child {
230
+ -webkit-border-radius: 0em 0em 0em 0.3125em;
231
+ -moz-border-radius: 0em 0em 0em 0.3125em;
232
+ border-radius: 0em 0em 0em 0.3125em;
233
+ }
234
+ .bottom.attached.ui.steps .step:last-child {
235
+ -webkit-border-radius: 0em 0em 0.3125em 0em;
236
+ -moz-border-radius: 0em 0em 0.3125em 0em;
237
+ border-radius: 0em 0em 0.3125em 0em;
238
+ }
239
+
240
+
241
+ /* Evenly divided */
242
+ .ui.one.steps,
243
+ .ui.two.steps,
244
+ .ui.three.steps,
245
+ .ui.four.steps,
246
+ .ui.five.steps,
247
+ .ui.six.steps,
248
+ .ui.seven.steps,
249
+ .ui.eight.steps {
250
+ display: block;
251
+ }
252
+ .ui.one.steps > .step {
253
+ width: 100%;
254
+ }
255
+ .ui.two.steps > .step {
256
+ width: 50%;
257
+ }
258
+ .ui.three.steps > .step {
259
+ width: 33.333%;
260
+ }
261
+ .ui.four.steps > .step {
262
+ width: 25%;
263
+ }
264
+ .ui.five.steps > .step {
265
+ width: 20%;
266
+ }
267
+ .ui.six.steps > .step {
268
+ width: 16.666%;
269
+ }
270
+ .ui.seven.steps > .step {
271
+ width: 14.285%;
272
+ }
273
+ .ui.eight.steps > .step {
274
+ width: 12.500%;
275
+ }
276
+
277
+
278
+
279
+ /*******************************
280
+ Sizes
281
+ *******************************/
282
+
283
+ .ui.small.step,
284
+ .ui.small.steps .step {
285
+ font-size: 0.8rem;
286
+ }
287
+ .ui.step,
288
+ .ui.steps .step {
289
+ font-size: 1rem;
290
+ }
291
+ .ui.large.step,
292
+ .ui.large.steps .step {
293
+ font-size: 1.25rem;
294
+ }
@@ -0,0 +1,135 @@
1
+ /*
2
+ * # Semantic Accordion
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
+ Button
16
+ *******************************/
17
+
18
+ .ui.accordion {
19
+ width: 600px;
20
+ max-width: 100%;
21
+ overflow: hidden;
22
+
23
+ font-size: 1rem;
24
+ border-radius: 0.3125em;
25
+
26
+ background-color: #FFFFFF;
27
+
28
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
29
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
30
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
31
+ }
32
+
33
+ .ui.accordion .title {
34
+ cursor: pointer;
35
+
36
+ margin: 0em;
37
+ padding: 0.75em 1em;
38
+
39
+ color: rgba(0, 0, 0, 0.6);
40
+
41
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
42
+
43
+ -webkit-transition:
44
+ background-color 0.2s ease-out
45
+ ;
46
+ -moz-transition:
47
+ background-color 0.2s ease-out
48
+ ;
49
+ -o-transition:
50
+ background-color 0.2s ease-out
51
+ ;
52
+ -ms-transition:
53
+ background-color 0.2s ease-out
54
+ ;
55
+ transition:
56
+ background-color 0.2s ease-out
57
+ ;
58
+ }
59
+ .ui.accordion .title:first-child {
60
+ border-top: none;
61
+ }
62
+
63
+
64
+ /* Content */
65
+ .ui.accordion .content {
66
+ display: none;
67
+ margin: 0em;
68
+ padding: 1.3em 1em;
69
+ }
70
+
71
+
72
+ /*--------------
73
+ Loose Coupling
74
+ ---------------*/
75
+
76
+ .ui.basic.accordion.menu {
77
+ background-color: #FFFFFF;
78
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
79
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
80
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
81
+ }
82
+ .ui.basic.accordion.menu .title,
83
+ .ui.basic.accordion.menu .content {
84
+ padding: 0em;
85
+ }
86
+
87
+
88
+ /*******************************
89
+ States
90
+ *******************************/
91
+
92
+
93
+ /*--------------
94
+ Hover
95
+ ---------------*/
96
+
97
+ .ui.accordion .title:hover,
98
+ .ui.accordion .title.active {
99
+ color: rgba(0, 0, 0, 0.8);
100
+ }
101
+
102
+
103
+ /*--------------
104
+ Active
105
+ ---------------*/
106
+ .ui.accordion .title.active {
107
+ background-color: rgba(0, 0, 0, 0.1);
108
+ color: rgba(0, 0, 0, 0.8);
109
+ }
110
+ .ui.accordion .content.active {
111
+ display: block;
112
+ }
113
+
114
+
115
+ /*******************************
116
+ Variations
117
+ *******************************/
118
+
119
+ .ui.basic.accordion {
120
+ background-color: transparent;
121
+
122
+ -webkit-box-shadow: none;
123
+ -moz-box-shadow: none;
124
+ box-shadow: none;
125
+ }
126
+ .ui.basic.accordion .title {
127
+ background-color: transparent;
128
+ border-top: none;
129
+ }
130
+
131
+ .ui.basic.accordion .title,
132
+ .ui.basic.accordion .content {
133
+ padding-left: 0em;
134
+ padding-right: 0em;
135
+ }
@@ -0,0 +1,71 @@
1
+ /*
2
+ * # Semantic Carousel
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 03, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Carousel
16
+ *******************************/
17
+
18
+ .ui.carousel {
19
+ position: relative;
20
+ overflow: hidden;
21
+ }
22
+ .ui.carousel .arrow {
23
+ position: absolute;
24
+ font-size: 1.5em;
25
+ top: 50%;
26
+ left: 0%;
27
+ margin-top: -0.5em;
28
+ z-index: 10;
29
+ }
30
+ .ui.carousel .right.arrow {
31
+ left: auto;
32
+ right: 0%;
33
+ }
34
+
35
+ .ui.carousel .slides {
36
+ position: relative;
37
+ width: 200%;
38
+ width: 9999px;
39
+ overflow: hidden;
40
+ font-size: 0em;
41
+ }
42
+ .ui.carousel .slides .slide {
43
+ display: inline-block;
44
+ height: 100%;
45
+ font-size: 1rem;
46
+ }
47
+ .ui.carousel .slides .slide > img {
48
+ display: block;
49
+ width: 100%;
50
+ }
51
+
52
+
53
+ /*--------------------
54
+ Loading State
55
+ ---------------------*/
56
+
57
+ /* On Form */
58
+ .ui.carousel.loading {
59
+ position: relative;
60
+ }
61
+ .ui.carousel.loading:after {
62
+ position: absolute;
63
+ top: 0%;
64
+ left: 0%;
65
+ content: '';
66
+
67
+ width: 100%;
68
+ height: 100%;
69
+ background: rgba(255, 255, 255, 0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
70
+ visibility: visible;
71
+ }