compass-unsemantic 0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. data/lib/compass-unsemantic.rb +3 -0
  2. data/stylesheets/_compass-unsemantic.scss +13 -0
  3. data/stylesheets/javascripts/adapt.min.js +1 -0
  4. data/stylesheets/javascripts/demo.js +76 -0
  5. data/stylesheets/javascripts/html5.js +4 -0
  6. data/stylesheets/javascripts/jquery.js +5 -0
  7. data/stylesheets/sass/demo.sass +4 -0
  8. data/stylesheets/sass/ie-rtl.sass +10 -0
  9. data/stylesheets/sass/ie.sass +3 -0
  10. data/stylesheets/sass/partials/_demo.sass +50 -0
  11. data/stylesheets/sass/partials/_ie.sass +8 -0
  12. data/stylesheets/sass/partials/_reset.sass +187 -0
  13. data/stylesheets/sass/partials/_text.sass +71 -0
  14. data/stylesheets/sass/partials/_unsemantic-grid-base-tablet.sass +60 -0
  15. data/stylesheets/sass/partials/_unsemantic-grid-base.sass +54 -0
  16. data/stylesheets/sass/partials/_unsemantic-grid-desktop.sass +96 -0
  17. data/stylesheets/sass/partials/_unsemantic-grid-mobile.sass +96 -0
  18. data/stylesheets/sass/partials/_unsemantic-grid-responsive-tablet.sass +22 -0
  19. data/stylesheets/sass/partials/_unsemantic-grid-responsive.sass +17 -0
  20. data/stylesheets/sass/partials/_unsemantic-grid-tablet.sass +96 -0
  21. data/stylesheets/sass/partials/_unsemantic-ie-snap.sass +12 -0
  22. data/stylesheets/sass/partials/_unsemantic-vars.sass +224 -0
  23. data/stylesheets/sass/unsemantic-grid-base-no-ie7-rtl.sass +11 -0
  24. data/stylesheets/sass/unsemantic-grid-base-no-ie7.sass +4 -0
  25. data/stylesheets/sass/unsemantic-grid-base-rtl.sass +9 -0
  26. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7-rtl.sass +11 -0
  27. data/stylesheets/sass/unsemantic-grid-base-tablet-no-ie7.sass +5 -0
  28. data/stylesheets/sass/unsemantic-grid-base-tablet-rtl.sass +9 -0
  29. data/stylesheets/sass/unsemantic-grid-base-tablet.sass +4 -0
  30. data/stylesheets/sass/unsemantic-grid-base.sass +2 -0
  31. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7-rtl.sass +10 -0
  32. data/stylesheets/sass/unsemantic-grid-desktop-no-ie7.sass +3 -0
  33. data/stylesheets/sass/unsemantic-grid-desktop-rtl.sass +8 -0
  34. data/stylesheets/sass/unsemantic-grid-desktop.sass +1 -0
  35. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7-rtl.sass +10 -0
  36. data/stylesheets/sass/unsemantic-grid-mobile-no-ie7.sass +3 -0
  37. data/stylesheets/sass/unsemantic-grid-mobile-rtl.sass +8 -0
  38. data/stylesheets/sass/unsemantic-grid-mobile.sass +1 -0
  39. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7-rtl.sass +10 -0
  40. data/stylesheets/sass/unsemantic-grid-responsive-no-ie7.sass +3 -0
  41. data/stylesheets/sass/unsemantic-grid-responsive-rtl.sass +8 -0
  42. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7-rtl.sass +10 -0
  43. data/stylesheets/sass/unsemantic-grid-responsive-tablet-no-ie7.sass +3 -0
  44. data/stylesheets/sass/unsemantic-grid-responsive-tablet-rtl.sass +8 -0
  45. data/stylesheets/sass/unsemantic-grid-responsive-tablet.sass +1 -0
  46. data/stylesheets/sass/unsemantic-grid-responsive.sass +1 -0
  47. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7-rtl.sass +10 -0
  48. data/stylesheets/sass/unsemantic-grid-tablet-no-ie7.sass +3 -0
  49. data/stylesheets/sass/unsemantic-grid-tablet-rtl.sass +8 -0
  50. data/stylesheets/sass/unsemantic-grid-tablet.sass +1 -0
  51. data/stylesheets/stylesheets/demo.css +303 -0
  52. data/stylesheets/stylesheets/ie-rtl.css +1463 -0
  53. data/stylesheets/stylesheets/ie.css +1463 -0
  54. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7-rtl.css +55 -0
  55. data/stylesheets/stylesheets/unsemantic-grid-base-no-ie7.css +55 -0
  56. data/stylesheets/stylesheets/unsemantic-grid-base-rtl.css +71 -0
  57. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7-rtl.css +55 -0
  58. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-no-ie7.css +55 -0
  59. data/stylesheets/stylesheets/unsemantic-grid-base-tablet-rtl.css +71 -0
  60. data/stylesheets/stylesheets/unsemantic-grid-base-tablet.css +71 -0
  61. data/stylesheets/stylesheets/unsemantic-grid-base.css +71 -0
  62. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7-rtl.css +490 -0
  63. data/stylesheets/stylesheets/unsemantic-grid-desktop-no-ie7.css +490 -0
  64. data/stylesheets/stylesheets/unsemantic-grid-desktop-rtl.css +685 -0
  65. data/stylesheets/stylesheets/unsemantic-grid-desktop.css +685 -0
  66. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7-rtl.css +490 -0
  67. data/stylesheets/stylesheets/unsemantic-grid-mobile-no-ie7.css +490 -0
  68. data/stylesheets/stylesheets/unsemantic-grid-mobile-rtl.css +685 -0
  69. data/stylesheets/stylesheets/unsemantic-grid-mobile.css +685 -0
  70. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7-rtl.css +1044 -0
  71. data/stylesheets/stylesheets/unsemantic-grid-responsive-no-ie7.css +1044 -0
  72. data/stylesheets/stylesheets/unsemantic-grid-responsive-rtl.css +1450 -0
  73. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7-rtl.css +1536 -0
  74. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-no-ie7.css +1536 -0
  75. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet-rtl.css +2137 -0
  76. data/stylesheets/stylesheets/unsemantic-grid-responsive-tablet.css +2137 -0
  77. data/stylesheets/stylesheets/unsemantic-grid-responsive.css +1450 -0
  78. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7-rtl.css +490 -0
  79. data/stylesheets/stylesheets/unsemantic-grid-tablet-no-ie7.css +490 -0
  80. data/stylesheets/stylesheets/unsemantic-grid-tablet-rtl.css +685 -0
  81. data/stylesheets/stylesheets/unsemantic-grid-tablet.css +685 -0
  82. metadata +141 -0
@@ -0,0 +1,490 @@
1
+ .mobile-grid-100:before,
2
+ .mobile-grid-100:after {
3
+ content: ".";
4
+ display: block;
5
+ overflow: hidden;
6
+ visibility: hidden;
7
+ font-size: 0;
8
+ line-height: 0;
9
+ width: 0;
10
+ height: 0;
11
+ }
12
+
13
+ .mobile-grid-100:after {
14
+ clear: both;
15
+ }
16
+
17
+ .mobile-push-5,
18
+ .mobile-pull-5, .mobile-push-10,
19
+ .mobile-pull-10, .mobile-push-15,
20
+ .mobile-pull-15, .mobile-push-20,
21
+ .mobile-pull-20, .mobile-push-25,
22
+ .mobile-pull-25, .mobile-push-30,
23
+ .mobile-pull-30, .mobile-push-35,
24
+ .mobile-pull-35, .mobile-push-40,
25
+ .mobile-pull-40, .mobile-push-45,
26
+ .mobile-pull-45, .mobile-push-50,
27
+ .mobile-pull-50, .mobile-push-55,
28
+ .mobile-pull-55, .mobile-push-60,
29
+ .mobile-pull-60, .mobile-push-65,
30
+ .mobile-pull-65, .mobile-push-70,
31
+ .mobile-pull-70, .mobile-push-75,
32
+ .mobile-pull-75, .mobile-push-80,
33
+ .mobile-pull-80, .mobile-push-85,
34
+ .mobile-pull-85, .mobile-push-90,
35
+ .mobile-pull-90, .mobile-push-95,
36
+ .mobile-pull-95, .mobile-push-33,
37
+ .mobile-pull-33, .mobile-push-66,
38
+ .mobile-pull-66 {
39
+ position: relative;
40
+ }
41
+
42
+ .hide-on-mobile {
43
+ display: none !important;
44
+ }
45
+
46
+ .mobile-grid-5 {
47
+ float: right;
48
+ width: 5%;
49
+ }
50
+
51
+ .mobile-prefix-5 {
52
+ margin-right: 5%;
53
+ }
54
+
55
+ .mobile-suffix-5 {
56
+ margin-left: 5%;
57
+ }
58
+
59
+ .mobile-push-5 {
60
+ right: 5%;
61
+ }
62
+
63
+ .mobile-pull-5 {
64
+ right: -5%;
65
+ }
66
+
67
+ .mobile-grid-10 {
68
+ float: right;
69
+ width: 10%;
70
+ }
71
+
72
+ .mobile-prefix-10 {
73
+ margin-right: 10%;
74
+ }
75
+
76
+ .mobile-suffix-10 {
77
+ margin-left: 10%;
78
+ }
79
+
80
+ .mobile-push-10 {
81
+ right: 10%;
82
+ }
83
+
84
+ .mobile-pull-10 {
85
+ right: -10%;
86
+ }
87
+
88
+ .mobile-grid-15 {
89
+ float: right;
90
+ width: 15%;
91
+ }
92
+
93
+ .mobile-prefix-15 {
94
+ margin-right: 15%;
95
+ }
96
+
97
+ .mobile-suffix-15 {
98
+ margin-left: 15%;
99
+ }
100
+
101
+ .mobile-push-15 {
102
+ right: 15%;
103
+ }
104
+
105
+ .mobile-pull-15 {
106
+ right: -15%;
107
+ }
108
+
109
+ .mobile-grid-20 {
110
+ float: right;
111
+ width: 20%;
112
+ }
113
+
114
+ .mobile-prefix-20 {
115
+ margin-right: 20%;
116
+ }
117
+
118
+ .mobile-suffix-20 {
119
+ margin-left: 20%;
120
+ }
121
+
122
+ .mobile-push-20 {
123
+ right: 20%;
124
+ }
125
+
126
+ .mobile-pull-20 {
127
+ right: -20%;
128
+ }
129
+
130
+ .mobile-grid-25 {
131
+ float: right;
132
+ width: 25%;
133
+ }
134
+
135
+ .mobile-prefix-25 {
136
+ margin-right: 25%;
137
+ }
138
+
139
+ .mobile-suffix-25 {
140
+ margin-left: 25%;
141
+ }
142
+
143
+ .mobile-push-25 {
144
+ right: 25%;
145
+ }
146
+
147
+ .mobile-pull-25 {
148
+ right: -25%;
149
+ }
150
+
151
+ .mobile-grid-30 {
152
+ float: right;
153
+ width: 30%;
154
+ }
155
+
156
+ .mobile-prefix-30 {
157
+ margin-right: 30%;
158
+ }
159
+
160
+ .mobile-suffix-30 {
161
+ margin-left: 30%;
162
+ }
163
+
164
+ .mobile-push-30 {
165
+ right: 30%;
166
+ }
167
+
168
+ .mobile-pull-30 {
169
+ right: -30%;
170
+ }
171
+
172
+ .mobile-grid-35 {
173
+ float: right;
174
+ width: 35%;
175
+ }
176
+
177
+ .mobile-prefix-35 {
178
+ margin-right: 35%;
179
+ }
180
+
181
+ .mobile-suffix-35 {
182
+ margin-left: 35%;
183
+ }
184
+
185
+ .mobile-push-35 {
186
+ right: 35%;
187
+ }
188
+
189
+ .mobile-pull-35 {
190
+ right: -35%;
191
+ }
192
+
193
+ .mobile-grid-40 {
194
+ float: right;
195
+ width: 40%;
196
+ }
197
+
198
+ .mobile-prefix-40 {
199
+ margin-right: 40%;
200
+ }
201
+
202
+ .mobile-suffix-40 {
203
+ margin-left: 40%;
204
+ }
205
+
206
+ .mobile-push-40 {
207
+ right: 40%;
208
+ }
209
+
210
+ .mobile-pull-40 {
211
+ right: -40%;
212
+ }
213
+
214
+ .mobile-grid-45 {
215
+ float: right;
216
+ width: 45%;
217
+ }
218
+
219
+ .mobile-prefix-45 {
220
+ margin-right: 45%;
221
+ }
222
+
223
+ .mobile-suffix-45 {
224
+ margin-left: 45%;
225
+ }
226
+
227
+ .mobile-push-45 {
228
+ right: 45%;
229
+ }
230
+
231
+ .mobile-pull-45 {
232
+ right: -45%;
233
+ }
234
+
235
+ .mobile-grid-50 {
236
+ float: right;
237
+ width: 50%;
238
+ }
239
+
240
+ .mobile-prefix-50 {
241
+ margin-right: 50%;
242
+ }
243
+
244
+ .mobile-suffix-50 {
245
+ margin-left: 50%;
246
+ }
247
+
248
+ .mobile-push-50 {
249
+ right: 50%;
250
+ }
251
+
252
+ .mobile-pull-50 {
253
+ right: -50%;
254
+ }
255
+
256
+ .mobile-grid-55 {
257
+ float: right;
258
+ width: 55%;
259
+ }
260
+
261
+ .mobile-prefix-55 {
262
+ margin-right: 55%;
263
+ }
264
+
265
+ .mobile-suffix-55 {
266
+ margin-left: 55%;
267
+ }
268
+
269
+ .mobile-push-55 {
270
+ right: 55%;
271
+ }
272
+
273
+ .mobile-pull-55 {
274
+ right: -55%;
275
+ }
276
+
277
+ .mobile-grid-60 {
278
+ float: right;
279
+ width: 60%;
280
+ }
281
+
282
+ .mobile-prefix-60 {
283
+ margin-right: 60%;
284
+ }
285
+
286
+ .mobile-suffix-60 {
287
+ margin-left: 60%;
288
+ }
289
+
290
+ .mobile-push-60 {
291
+ right: 60%;
292
+ }
293
+
294
+ .mobile-pull-60 {
295
+ right: -60%;
296
+ }
297
+
298
+ .mobile-grid-65 {
299
+ float: right;
300
+ width: 65%;
301
+ }
302
+
303
+ .mobile-prefix-65 {
304
+ margin-right: 65%;
305
+ }
306
+
307
+ .mobile-suffix-65 {
308
+ margin-left: 65%;
309
+ }
310
+
311
+ .mobile-push-65 {
312
+ right: 65%;
313
+ }
314
+
315
+ .mobile-pull-65 {
316
+ right: -65%;
317
+ }
318
+
319
+ .mobile-grid-70 {
320
+ float: right;
321
+ width: 70%;
322
+ }
323
+
324
+ .mobile-prefix-70 {
325
+ margin-right: 70%;
326
+ }
327
+
328
+ .mobile-suffix-70 {
329
+ margin-left: 70%;
330
+ }
331
+
332
+ .mobile-push-70 {
333
+ right: 70%;
334
+ }
335
+
336
+ .mobile-pull-70 {
337
+ right: -70%;
338
+ }
339
+
340
+ .mobile-grid-75 {
341
+ float: right;
342
+ width: 75%;
343
+ }
344
+
345
+ .mobile-prefix-75 {
346
+ margin-right: 75%;
347
+ }
348
+
349
+ .mobile-suffix-75 {
350
+ margin-left: 75%;
351
+ }
352
+
353
+ .mobile-push-75 {
354
+ right: 75%;
355
+ }
356
+
357
+ .mobile-pull-75 {
358
+ right: -75%;
359
+ }
360
+
361
+ .mobile-grid-80 {
362
+ float: right;
363
+ width: 80%;
364
+ }
365
+
366
+ .mobile-prefix-80 {
367
+ margin-right: 80%;
368
+ }
369
+
370
+ .mobile-suffix-80 {
371
+ margin-left: 80%;
372
+ }
373
+
374
+ .mobile-push-80 {
375
+ right: 80%;
376
+ }
377
+
378
+ .mobile-pull-80 {
379
+ right: -80%;
380
+ }
381
+
382
+ .mobile-grid-85 {
383
+ float: right;
384
+ width: 85%;
385
+ }
386
+
387
+ .mobile-prefix-85 {
388
+ margin-right: 85%;
389
+ }
390
+
391
+ .mobile-suffix-85 {
392
+ margin-left: 85%;
393
+ }
394
+
395
+ .mobile-push-85 {
396
+ right: 85%;
397
+ }
398
+
399
+ .mobile-pull-85 {
400
+ right: -85%;
401
+ }
402
+
403
+ .mobile-grid-90 {
404
+ float: right;
405
+ width: 90%;
406
+ }
407
+
408
+ .mobile-prefix-90 {
409
+ margin-right: 90%;
410
+ }
411
+
412
+ .mobile-suffix-90 {
413
+ margin-left: 90%;
414
+ }
415
+
416
+ .mobile-push-90 {
417
+ right: 90%;
418
+ }
419
+
420
+ .mobile-pull-90 {
421
+ right: -90%;
422
+ }
423
+
424
+ .mobile-grid-95 {
425
+ float: right;
426
+ width: 95%;
427
+ }
428
+
429
+ .mobile-prefix-95 {
430
+ margin-right: 95%;
431
+ }
432
+
433
+ .mobile-suffix-95 {
434
+ margin-left: 95%;
435
+ }
436
+
437
+ .mobile-push-95 {
438
+ right: 95%;
439
+ }
440
+
441
+ .mobile-pull-95 {
442
+ right: -95%;
443
+ }
444
+
445
+ .mobile-grid-33 {
446
+ float: right;
447
+ width: 33.33333%;
448
+ }
449
+
450
+ .mobile-prefix-33 {
451
+ margin-right: 33.33333%;
452
+ }
453
+
454
+ .mobile-suffix-33 {
455
+ margin-left: 33.33333%;
456
+ }
457
+
458
+ .mobile-push-33 {
459
+ right: 33.33333%;
460
+ }
461
+
462
+ .mobile-pull-33 {
463
+ right: -33.33333%;
464
+ }
465
+
466
+ .mobile-grid-66 {
467
+ float: right;
468
+ width: 66.66667%;
469
+ }
470
+
471
+ .mobile-prefix-66 {
472
+ margin-right: 66.66667%;
473
+ }
474
+
475
+ .mobile-suffix-66 {
476
+ margin-left: 66.66667%;
477
+ }
478
+
479
+ .mobile-push-66 {
480
+ right: 66.66667%;
481
+ }
482
+
483
+ .mobile-pull-66 {
484
+ right: -66.66667%;
485
+ }
486
+
487
+ .mobile-grid-100 {
488
+ clear: both;
489
+ width: 100%;
490
+ }