modularis 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +15 -0
  2. data/.gitignore +24 -0
  3. data/.idea/scopes/scope_settings.xml +5 -0
  4. data/.rbenv-version +1 -0
  5. data/CONTRIBUTING.md +53 -0
  6. data/Gemfile +4 -0
  7. data/Gemfile.lock +19 -0
  8. data/Gruntfile.js +27 -0
  9. data/LICENSE +22 -0
  10. data/README.md +27 -0
  11. data/Rakefile +2 -0
  12. data/docs/CHANGELOG.md +260 -0
  13. data/docs/Capfile +4 -0
  14. data/docs/Gemfile +13 -0
  15. data/docs/Gemfile.lock +45 -0
  16. data/docs/Procfile +2 -0
  17. data/docs/README.md +1 -0
  18. data/docs/_sidebar-components.html.erb +115 -0
  19. data/docs/_sidebar.html.erb +115 -0
  20. data/docs/changelog.html.erb +33 -0
  21. data/docs/compile.rb +34 -0
  22. data/docs/components/alert-boxes.html.erb +204 -0
  23. data/docs/components/block-grid.html.erb +132 -0
  24. data/docs/components/breadcrumbs.html.erb +156 -0
  25. data/docs/components/button-groups.html.erb +230 -0
  26. data/docs/components/buttons.html.erb +222 -0
  27. data/docs/components/clearing.html.erb +152 -0
  28. data/docs/components/custom-forms.html.erb +309 -0
  29. data/docs/components/dropdown-buttons.html.erb +235 -0
  30. data/docs/components/dropdown.html.erb +188 -0
  31. data/docs/components/flex-video.html.erb +95 -0
  32. data/docs/components/forms.html.erb +477 -0
  33. data/docs/components/global.html.erb +92 -0
  34. data/docs/components/grid.html.erb +366 -0
  35. data/docs/components/inline-lists.html.erb +91 -0
  36. data/docs/components/joyride.html.erb +183 -0
  37. data/docs/components/keystrokes.html.erb +76 -0
  38. data/docs/components/kitchen-sink.html.erb +870 -0
  39. data/docs/components/labels.html.erb +102 -0
  40. data/docs/components/magellan.html.erb +86 -0
  41. data/docs/components/orbit.html.erb +276 -0
  42. data/docs/components/pagination.html.erb +183 -0
  43. data/docs/components/panels.html.erb +123 -0
  44. data/docs/components/pricing-tables.html.erb +156 -0
  45. data/docs/components/progress-bars.html.erb +123 -0
  46. data/docs/components/reveal.html.erb +162 -0
  47. data/docs/components/section.html.erb +496 -0
  48. data/docs/components/side-nav.html.erb +124 -0
  49. data/docs/components/split-buttons.html.erb +220 -0
  50. data/docs/components/sub-nav.html.erb +122 -0
  51. data/docs/components/switch.html.erb +290 -0
  52. data/docs/components/tables.html.erb +125 -0
  53. data/docs/components/thumbnails.html.erb +89 -0
  54. data/docs/components/tooltips.html.erb +75 -0
  55. data/docs/components/top-bar.html.erb +283 -0
  56. data/docs/components/type.html.erb +396 -0
  57. data/docs/components/visibility.html.erb +110 -0
  58. data/docs/config/deploy.rb +36 -0
  59. data/docs/config.ru +12 -0
  60. data/docs/controller.rb +53 -0
  61. data/docs/css/_coderay.scss +116 -0
  62. data/docs/css/_settings.scss +1 -0
  63. data/docs/css/docs.scss +185 -0
  64. data/docs/css/normalize.scss +396 -0
  65. data/docs/css/qunit-composite.css +13 -0
  66. data/docs/css/qunit.css +235 -0
  67. data/docs/faq.html.erb +63 -0
  68. data/docs/img/demos/demo1-th.jpg +0 -0
  69. data/docs/img/demos/demo1.jpg +0 -0
  70. data/docs/img/demos/demo2-th.jpg +0 -0
  71. data/docs/img/demos/demo2.jpg +0 -0
  72. data/docs/img/demos/demo3-th.jpg +0 -0
  73. data/docs/img/demos/demo3.jpg +0 -0
  74. data/docs/img/demos/demo4-th.jpg +0 -0
  75. data/docs/img/demos/demo4.jpg +0 -0
  76. data/docs/img/demos/demo5-th.jpg +0 -0
  77. data/docs/img/demos/demo5.jpg +0 -0
  78. data/docs/index.html.erb +285 -0
  79. data/docs/javascript.html.erb +134 -0
  80. data/docs/js/docs.js +3 -0
  81. data/docs/js/qunit-composite.js +105 -0
  82. data/docs/js/qunit.js +1977 -0
  83. data/docs/js/tests/tabs/simple_tabs.html +57 -0
  84. data/docs/js/tests/tabs/simple_tabs.js +54 -0
  85. data/docs/js/tests/tooltips/tooltips.html +39 -0
  86. data/docs/js/tests/tooltips/tooltips.js +11 -0
  87. data/docs/layout.html.erb +128 -0
  88. data/docs/media-queries.html.erb +96 -0
  89. data/docs/rails.html.erb +76 -0
  90. data/docs/rtl.html.erb +53 -0
  91. data/docs/sass.html.erb +1295 -0
  92. data/docs/support.html.erb +143 -0
  93. data/docs/test/_test-scripts.html.erb +36 -0
  94. data/docs/test/cards.html.erb +77 -0
  95. data/docs/test/flexbox-grid.html.erb +68 -0
  96. data/docs/test/flip-nav.html.erb +54 -0
  97. data/docs/test/layout.html.erb +15 -0
  98. data/docs/test/off-canvas1.html.erb +64 -0
  99. data/docs/test/off-canvas2.html.erb +75 -0
  100. data/docs/test/off-canvas3.html.erb +65 -0
  101. data/docs/test_layout.html.erb +128 -0
  102. data/js/modularis/index.js +18 -0
  103. data/js/vendor/custom.modernizr.js +4 -0
  104. data/js/vendor/jquery.js +9597 -0
  105. data/js/vendor/zepto.js +1884 -0
  106. data/lib/modularis/engine.rb +18 -0
  107. data/lib/modularis/generators/USAGE +15 -0
  108. data/lib/modularis/generators/install_generator.rb +54 -0
  109. data/lib/modularis/generators/templates/application.html.erb +46 -0
  110. data/lib/modularis/generators/templates/application.html.haml +31 -0
  111. data/lib/modularis/generators/templates/application.html.slim +28 -0
  112. data/lib/modularis/version.rb +3 -0
  113. data/lib/modularis.rb +17 -0
  114. data/modularis.gemspec +20 -0
  115. data/package.json +15 -0
  116. data/scss/compagecss/_variables.scss +1192 -0
  117. data/scss/compagecss/components/_alert-boxes.scss +106 -0
  118. data/scss/compagecss/components/_block-grid.scss +70 -0
  119. data/scss/compagecss/components/_breadcrumbs.scss +124 -0
  120. data/scss/compagecss/components/_button-groups.scss +88 -0
  121. data/scss/compagecss/components/_buttons.scss +226 -0
  122. data/scss/compagecss/components/_clearing.scss +217 -0
  123. data/scss/compagecss/components/_custom-forms.scss +246 -0
  124. data/scss/compagecss/components/_dropdown-buttons.scss +114 -0
  125. data/scss/compagecss/components/_dropdown.scss +149 -0
  126. data/scss/compagecss/components/_flex-video.scss +45 -0
  127. data/scss/compagecss/components/_flexbox-grid.scss +225 -0
  128. data/scss/compagecss/components/_flip.scss +105 -0
  129. data/scss/compagecss/components/_forms.scss +361 -0
  130. data/scss/compagecss/components/_global.scss +289 -0
  131. data/scss/compagecss/components/_grid.scss +184 -0
  132. data/scss/compagecss/components/_inline-lists.scss +52 -0
  133. data/scss/compagecss/components/_joyride.scss +210 -0
  134. data/scss/compagecss/components/_keystrokes.scss +56 -0
  135. data/scss/compagecss/components/_labels.scss +84 -0
  136. data/scss/compagecss/components/_magellan.scss +21 -0
  137. data/scss/compagecss/components/_off-canvas.scss +86 -0
  138. data/scss/compagecss/components/_orbit.scss +209 -0
  139. data/scss/compagecss/components/_pagination.scss +99 -0
  140. data/scss/compagecss/components/_panels.scss +76 -0
  141. data/scss/compagecss/components/_pricing-tables.scss +130 -0
  142. data/scss/compagecss/components/_progress-bars.scss +70 -0
  143. data/scss/compagecss/components/_reveal.scss +131 -0
  144. data/scss/compagecss/components/_section.scss +303 -0
  145. data/scss/compagecss/components/_side-nav.scss +68 -0
  146. data/scss/compagecss/components/_split-buttons.scss +166 -0
  147. data/scss/compagecss/components/_sub-nav.scss +67 -0
  148. data/scss/compagecss/components/_switch.scss +249 -0
  149. data/scss/compagecss/components/_tables.scss +80 -0
  150. data/scss/compagecss/components/_thumbs.scss +47 -0
  151. data/scss/compagecss/components/_tooltips.scss +113 -0
  152. data/scss/compagecss/components/_top-bar.scss +462 -0
  153. data/scss/compagecss/components/_type.scss +422 -0
  154. data/scss/compagecss/components/_visibility.scss +320 -0
  155. data/scss/modularis.scss +49 -0
  156. data/scss/normalize.scss +402 -0
  157. data/templates/project/.gitignore +44 -0
  158. data/templates/project/MIT-LICENSE.txt +20 -0
  159. data/templates/project/config.rb +26 -0
  160. data/templates/project/humans.txt +8 -0
  161. data/templates/project/index.html +124 -0
  162. data/templates/project/manifest.rb +44 -0
  163. data/templates/project/robots.txt +4 -0
  164. data/templates/project/scss/app.scss +48 -0
  165. data/templates/upgrade/manifest.rb +34 -0
  166. metadata +235 -0
data/scss/compagecss/components/_visibility.scss ADDED
@@ -0,0 +1,320 @@
1
+ //
2
+ // Modularis Visibility Classes
3
+ //
4
+ @if $include-html-visibility-classes != false {
5
+
6
+ /* Modularis Visibility HTML Classes */
7
+ .show-for-small,
8
+ .show-for-medium-down,
9
+ .show-for-large-down { display: inherit !important; }
10
+
11
+ .show-for-medium,
12
+ .show-for-medium-up,
13
+ .show-for-large,
14
+ .show-for-large-up,
15
+ .show-for-xlarge { display: none !important; }
16
+
17
+ .hide-for-medium,
18
+ .hide-for-medium-up,
19
+ .hide-for-large,
20
+ .hide-for-large-up,
21
+ .hide-for-xlarge { display: inherit !important; }
22
+
23
+ .hide-for-small,
24
+ .hide-for-medium-down,
25
+ .hide-for-large-down { display: none !important; }
26
+
27
+ /* Specific visilbity for tables */
28
+ table {
29
+ &.show-for-small,
30
+ &.show-for-medium-down,
31
+ &.show-for-large-down,
32
+ &.hide-for-medium,
33
+ &.hide-for-medium-up,
34
+ &.hide-for-large,
35
+ &.hide-for-large-up,
36
+ &.hide-for-xlarge { display: table; }
37
+ }
38
+ thead {
39
+ &.show-for-small,
40
+ &.show-for-medium-down,
41
+ &.show-for-large-down,
42
+ &.hide-for-medium,
43
+ &.hide-for-medium-up,
44
+ &.hide-for-large,
45
+ &.hide-for-large-up,
46
+ &.hide-for-xlarge { display: table-header-group !important; }
47
+ }
48
+ tbody {
49
+ &.show-for-small,
50
+ &.show-for-medium-down,
51
+ &.show-for-large-down,
52
+ &.hide-for-medium,
53
+ &.hide-for-medium-up,
54
+ &.hide-for-large,
55
+ &.hide-for-large-up,
56
+ &.hide-for-xlarge { display: table-row-group !important; }
57
+ }
58
+ tr {
59
+ &.show-for-small,
60
+ &.show-for-medium-down,
61
+ &.show-for-large-down,
62
+ &.hide-for-medium,
63
+ &.hide-for-medium-up,
64
+ &.hide-for-large,
65
+ &.hide-for-large-up,
66
+ &.hide-for-xlarge { display: table-row !important; }
67
+ }
68
+ td,
69
+ th {
70
+ &.show-for-small,
71
+ &.show-for-medium-down,
72
+ &.show-for-large-down,
73
+ &.hide-for-medium,
74
+ &.hide-for-medium-up,
75
+ &.hide-for-large,
76
+ &.hide-for-large-up,
77
+ &.hide-for-xlarge { display: table-cell !important; }
78
+ }
79
+
80
+ /* Medium Displays: 768px - 1279px */
81
+ @media #{$small} {
82
+ .show-for-medium,
83
+ .show-for-medium-up { display: inherit !important; }
84
+
85
+ .show-for-small { display: none !important; }
86
+
87
+ .hide-for-small { display: inherit !important; }
88
+
89
+ .hide-for-medium,
90
+ .hide-for-medium-up { display: none !important; }
91
+
92
+ /* Specific visilbity for tables */
93
+ table {
94
+ &.show-for-medium,
95
+ &.show-for-medium-up,
96
+ &.hide-for-small { display: table; }
97
+ }
98
+ thead {
99
+ &.show-for-medium,
100
+ &.show-for-medium-up,
101
+ &.hide-for-small { display: table-header-group !important; }
102
+ }
103
+ tbody {
104
+ &.show-for-medium,
105
+ &.show-for-medium-up,
106
+ &.hide-for-small { display: table-row-group !important; }
107
+ }
108
+ tr {
109
+ &.show-for-medium,
110
+ &.show-for-medium-up,
111
+ &.hide-for-small { display: table-row !important; }
112
+ }
113
+ td,
114
+ th {
115
+ &.show-for-medium,
116
+ &.show-for-medium-up,
117
+ &.hide-for-small { display: table-cell !important; }
118
+ }
119
+ }
120
+
121
+ /* Large Displays: 1280px - 1440px */
122
+ @media #{$medium} {
123
+ .show-for-large,
124
+ .show-for-large-up { display: inherit !important; }
125
+
126
+ .show-for-medium,
127
+ .show-for-medium-down { display: none !important; }
128
+
129
+ .hide-for-medium,
130
+ .hide-for-medium-down { display: inherit !important; }
131
+
132
+ .hide-for-large,
133
+ .hide-for-large-up { display: none !important; }
134
+
135
+ /* Specific visilbity for tables */
136
+ table {
137
+ &.show-for-large,
138
+ &.show-for-large-up,
139
+ &.hide-for-medium,
140
+ &.hide-for-medium-down { display: table; }
141
+ }
142
+ thead {
143
+ &.show-for-large,
144
+ &.show-for-large-up,
145
+ &.hide-for-medium,
146
+ &.hide-for-medium-down { display: table-header-group !important; }
147
+ }
148
+ tbody {
149
+ &.show-for-large,
150
+ &.show-for-large-up,
151
+ &.hide-for-medium,
152
+ &.hide-for-medium-down { display: table-row-group !important; }
153
+ }
154
+ tr {
155
+ &.show-for-large,
156
+ &.show-for-large-up,
157
+ &.hide-for-medium,
158
+ &.hide-for-medium-down { display: table-row !important; }
159
+ }
160
+ td,
161
+ th {
162
+ &.show-for-large,
163
+ &.show-for-large-up,
164
+ &.hide-for-medium,
165
+ &.hide-for-medium-down { display: table-cell !important; }
166
+ }
167
+ }
168
+
169
+ /* X-Large Displays: 1400px and up */
170
+ @media #{$large} {
171
+ .show-for-xlarge { display: inherit !important; }
172
+
173
+ .show-for-large,
174
+ .show-for-large-down { display: none !important; }
175
+
176
+ .hide-for-large,
177
+ .hide-for-large-down { display: inherit !important; }
178
+
179
+ .hide-for-xlarge { display: none !important; }
180
+
181
+ /* Specific visilbity for tables */
182
+ table {
183
+ &.show-for-xlarge,
184
+ &.hide-for-large,
185
+ &.hide-for-large-down { display: table; }
186
+ }
187
+ thead {
188
+ &.show-for-xlarge,
189
+ &.hide-for-large,
190
+ &.hide-for-large-down { display: table-header-group !important; }
191
+ }
192
+ tbody {
193
+ &.show-for-xlarge,
194
+ &.hide-for-large,
195
+ &.hide-for-large-down { display: table-row-group !important; }
196
+ }
197
+ tr {
198
+ &.show-for-xlarge,
199
+ &.hide-for-large,
200
+ &.hide-for-large-down { display: table-row !important; }
201
+ }
202
+ td,
203
+ th {
204
+ &.show-for-xlarge,
205
+ &.hide-for-large,
206
+ &.hide-for-large-down { display: table-cell !important; }
207
+ }
208
+ }
209
+
210
+
211
+ /* Orientation targeting */
212
+ .show-for-landscape,
213
+ .hide-for-portrait { display: inherit !important; }
214
+ .hide-for-landscape,
215
+ .show-for-portrait { display: none !important; }
216
+
217
+ /* Specific visilbity for tables */
218
+ table {
219
+ &.hide-for-landscape,
220
+ &.show-for-portrait { display: table; }
221
+ }
222
+ thead {
223
+ &.hide-for-landscape,
224
+ &.show-for-portrait { display: table-header-group !important; }
225
+ }
226
+ tbody {
227
+ &.hide-for-landscape,
228
+ &.show-for-portrait { display: table-row-group !important; }
229
+ }
230
+ tr {
231
+ &.hide-for-landscape,
232
+ &.show-for-portrait { display: table-row !important; }
233
+ }
234
+ td,
235
+ th {
236
+ &.hide-for-landscape,
237
+ &.show-for-portrait { display: table-cell !important; }
238
+ }
239
+
240
+ @media #{$landscape} {
241
+ .show-for-landscape,
242
+ .hide-for-portrait { display: inherit !important; }
243
+ .hide-for-landscape,
244
+ .show-for-portrait { display: none !important; }
245
+
246
+ /* Specific visilbity for tables */
247
+ table {
248
+ &.show-for-landscape,
249
+ &.hide-for-portrait { display: table; }
250
+ }
251
+ thead {
252
+ &.show-for-landscape,
253
+ &.hide-for-portrait { display: table-header-group !important; }
254
+ }
255
+ tbody {
256
+ &.show-for-landscape,
257
+ &.hide-for-portrait { display: table-row-group !important; }
258
+ }
259
+ tr {
260
+ &.show-for-landscape,
261
+ &.hide-for-portrait { display: table-row !important; }
262
+ }
263
+ td,
264
+ th {
265
+ &.show-for-landscape,
266
+ &.hide-for-portrait { display: table-cell !important; }
267
+ }
268
+ }
269
+
270
+ @media #{$portrait} {
271
+ .show-for-portrait,
272
+ .hide-for-landscape { display: inherit !important; }
273
+ .hide-for-portrait,
274
+ .show-for-landscape { display: none !important; }
275
+
276
+ /* Specific visilbity for tables */
277
+ table {
278
+ &.show-for-portrait,
279
+ &.hide-for-landscape { display: table; }
280
+ }
281
+ thead {
282
+ &.show-for-portrait,
283
+ &.hide-for-landscape { display: table-header-group !important; }
284
+ }
285
+ tbody {
286
+ &.show-for-portrait,
287
+ &.hide-for-landscape { display: table-row-group !important; }
288
+ }
289
+ tr {
290
+ &.show-for-portrait,
291
+ &.hide-for-landscape { display: table-row !important; }
292
+ }
293
+ td,
294
+ th {
295
+ &.show-for-portrait,
296
+ &.hide-for-landscape { display: table-cell !important; }
297
+ }
298
+ }
299
+
300
+ /* Touch-enabled device targeting */
301
+ .show-for-touch { display: none !important; }
302
+ .hide-for-touch { display: inherit !important; }
303
+ .touch .show-for-touch { display: inherit !important; }
304
+ .touch .hide-for-touch { display: none !important; }
305
+
306
+ /* Specific visilbity for tables */
307
+ table.hide-for-touch { display: table; }
308
+ .touch table.show-for-touch { display: table; }
309
+ thead.hide-for-touch { display: table-header-group !important; }
310
+ .touch thead.show-for-touch { display: table-header-group !important; }
311
+ tbody.hide-for-touch { display: table-row-group !important; }
312
+ .touch tbody.show-for-touch { display: table-row-group !important; }
313
+ tr.hide-for-touch { display: table-row !important; }
314
+ .touch tr.show-for-touch { display: table-row !important; }
315
+ td.hide-for-touch { display: table-cell !important; }
316
+ .touch td.show-for-touch { display: table-cell !important; }
317
+ th.hide-for-touch { display: table-cell !important; }
318
+ .touch th.show-for-touch { display: table-cell !important; }
319
+
320
+ }
data/scss/modularis.scss ADDED
@@ -0,0 +1,49 @@
1
+ // Make sure the charset is set appropriately
2
+ @charset "UTF-8";
3
+
4
+ // This includes all of the modularis global elements that are needed to work with any of the other files.
5
+ @import "modularis/variables";
6
+
7
+ // Modularis Components
8
+ @import
9
+ "modularis/components/global",
10
+ "modularis/components/grid",
11
+ // "modularis/components/flexbox-grid",
12
+ "modularis/components/off-canvas",
13
+ "modularis/components/visibility",
14
+ "modularis/components/block-grid",
15
+ "modularis/components/type",
16
+ "modularis/components/buttons",
17
+ "modularis/components/forms",
18
+ "modularis/components/custom-forms",
19
+ "modularis/components/button-groups",
20
+ "modularis/components/dropdown-buttons",
21
+ "modularis/components/split-buttons",
22
+ "modularis/components/flex-video",
23
+ "modularis/components/section",
24
+ "modularis/components/top-bar",
25
+ "modularis/components/flip",
26
+ "modularis/components/orbit",
27
+ "modularis/components/reveal",
28
+ "modularis/components/joyride",
29
+ "modularis/components/clearing",
30
+ "modularis/components/alert-boxes",
31
+ "modularis/components/breadcrumbs",
32
+ "modularis/components/keystrokes",
33
+ "modularis/components/labels",
34
+ "modularis/components/inline-lists",
35
+ "modularis/components/pagination",
36
+ "modularis/components/panels",
37
+ "modularis/components/pricing-tables",
38
+ "modularis/components/progress-bars",
39
+ "modularis/components/side-nav",
40
+ "modularis/components/sub-nav",
41
+ "modularis/components/switch",
42
+ "modularis/components/magellan",
43
+ "modularis/components/tables",
44
+ "modularis/components/thumbs",
45
+ "modularis/components/tooltips",
46
+ "modularis/components/dropdown";
47
+
48
+
49
+