atlas_assets 0.0.17 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. data/Gemfile.lock +1 -1
  2. data/README.md +2 -0
  3. data/docs/_layouts/default.html +14 -0
  4. data/docs/_posts/2013-05-17-grid.md +0 -18
  5. data/lib/assets/stylesheets/atlas_assets/_boxes.scss +21 -0
  6. data/lib/assets/stylesheets/{buttons.css.scss → atlas_assets/_buttons.scss} +8 -7
  7. data/lib/assets/stylesheets/atlas_assets/_code.scss +7 -0
  8. data/lib/assets/stylesheets/{flash.css.scss → atlas_assets/_flash.scss} +10 -6
  9. data/lib/assets/stylesheets/{fonts.css.scss → atlas_assets/_fonts.scss} +8 -12
  10. data/lib/assets/stylesheets/atlas_assets/_forms.scss +546 -0
  11. data/lib/assets/stylesheets/atlas_assets/_grid.scss +30 -0
  12. data/lib/assets/stylesheets/{icons.css.scss → atlas_assets/_icons.scss} +0 -0
  13. data/lib/assets/stylesheets/{lists.css.scss → atlas_assets/_lists.scss} +6 -14
  14. data/lib/assets/stylesheets/atlas_assets/_mixins.scss +356 -0
  15. data/lib/assets/stylesheets/{navbar.css.scss → atlas_assets/_navbar.scss} +8 -8
  16. data/lib/assets/stylesheets/atlas_assets/_reset.scss +213 -0
  17. data/lib/assets/stylesheets/atlas_assets/_responsive-767.scss +74 -0
  18. data/lib/assets/stylesheets/atlas_assets/_responsive-768-979.scss +5 -0
  19. data/lib/assets/stylesheets/atlas_assets/_responsive-utilities.scss +49 -0
  20. data/lib/assets/stylesheets/{helpers.css.scss → atlas_assets/_utilities.scss} +52 -10
  21. data/lib/assets/stylesheets/atlas_assets/_variables.scss +70 -0
  22. data/lib/assets/stylesheets/atlas_assets.scss +18 -0
  23. data/lib/atlas_assets/version.rb +1 -1
  24. metadata +19 -13
  25. data/lib/assets/stylesheets/atlas_assets.css +0 -11
  26. data/lib/assets/stylesheets/boxes.css.scss +0 -23
  27. data/lib/assets/stylesheets/forms.css.scss +0 -861
  28. data/lib/assets/stylesheets/grid.css.scss +0 -762
  29. data/lib/assets/stylesheets/pre.css.scss +0 -7
@@ -1,762 +0,0 @@
1
- /*!
2
- * Bootstrap v2.3.1
3
- *
4
- * Copyright 2012 Twitter, Inc
5
- * Licensed under the Apache License v2.0
6
- * http://www.apache.org/licenses/LICENSE-2.0
7
- *
8
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
- */
10
-
11
- .clearfix {
12
- *zoom: 1;
13
- }
14
-
15
- .clearfix:before,
16
- .clearfix:after {
17
- display: table;
18
- content: "";
19
- line-height: 0;
20
- }
21
-
22
- .clearfix:after {
23
- clear: both;
24
- }
25
-
26
- .hide-text {
27
- font: 0/0 a;
28
- color: transparent;
29
- text-shadow: none;
30
- background-color: transparent;
31
- border: 0;
32
- }
33
-
34
- html {
35
- font-size: 100%;
36
- -webkit-text-size-adjust: 100%;
37
- -ms-text-size-adjust: 100%;
38
- }
39
-
40
- img {
41
- /* Responsive images (ensure images don't scale beyond their parents) */
42
-
43
- max-width: 100%;
44
- /* Part 1: Set a maxium relative to the parent */
45
-
46
- width: auto\9;
47
- /* IE7-8 need help adjusting responsive images */
48
-
49
- height: auto;
50
- /* Part 2: Scale the height according to the width, otherwise you get stretching */
51
-
52
- vertical-align: middle;
53
- border: 0;
54
- -ms-interpolation-mode: bicubic;
55
- }
56
-
57
- body {
58
- margin: 0;
59
- background-color: #ffffff;
60
- padding-bottom: 40px;
61
- }
62
-
63
- .row {
64
- margin-left: -20px;
65
- *zoom: 1;
66
- }
67
-
68
- .space20 {
69
- margin-top: 20px;
70
- }
71
-
72
- .space40 {
73
- margin-top: 40px;
74
- }
75
-
76
- .space60 {
77
- margin-top: 60px;
78
- }
79
-
80
- .space80 {
81
- margin-top: 80px;
82
- }
83
-
84
- .row:before,
85
- .row:after {
86
- display: table;
87
- content: "";
88
- line-height: 0;
89
- }
90
-
91
- .row:after {
92
- clear: both;
93
- }
94
-
95
- [class*="span"] {
96
- float: left;
97
- min-height: 1px;
98
- margin-left: 20px;
99
- }
100
-
101
- .pull-right {
102
- float: right;
103
- }
104
-
105
- .container {
106
- width: 940px;
107
- }
108
-
109
- .span12 {
110
- width: 940px;
111
- }
112
- .span11 {
113
- width: 860px;
114
- }
115
- .span10 {
116
- width: 780px;
117
- }
118
- .span9 {
119
- width: 700px;
120
- }
121
- .span8 {
122
- width: 620px;
123
- }
124
- .span7 {
125
- width: 540px;
126
- }
127
- .span6 {
128
- width: 460px;
129
- }
130
- .span5 {
131
- width: 380px;
132
- }
133
- .span4 {
134
- width: 300px;
135
- }
136
- .span3 {
137
- width: 220px;
138
- }
139
- .span2 {
140
- width: 140px;
141
- }
142
- .span1 {
143
- width: 60px;
144
- }
145
- .offset12 {
146
- margin-left: 980px;
147
- }
148
- .offset11 {
149
- margin-left: 900px;
150
- }
151
- .offset10 {
152
- margin-left: 820px;
153
- }
154
- .offset9 {
155
- margin-left: 740px;
156
- }
157
- .offset8 {
158
- margin-left: 660px;
159
- }
160
- .offset7 {
161
- margin-left: 580px;
162
- }
163
- .offset6 {
164
- margin-left: 500px;
165
- }
166
- .offset5 {
167
- margin-left: 420px;
168
- }
169
- .offset4 {
170
- margin-left: 340px;
171
- }
172
- .offset3 {
173
- margin-left: 260px;
174
- }
175
- .offset2 {
176
- margin-left: 180px;
177
- }
178
- .offset1 {
179
- margin-left: 100px;
180
- }
181
- .row-fluid {
182
- width: 100%;
183
- *zoom: 1;
184
- }
185
- .row-fluid:before,
186
- .row-fluid:after {
187
- display: table;
188
- content: "";
189
- line-height: 0;
190
- }
191
- .row-fluid:after {
192
- clear: both;
193
- }
194
- .row-fluid [class*="span"] {
195
- display: block;
196
- width: 100%;
197
- min-height: 30px;
198
- -webkit-box-sizing: border-box;
199
- -moz-box-sizing: border-box;
200
- box-sizing: border-box;
201
- float: left;
202
- margin-left: 2.127659574468085%;
203
- *margin-left: 2.074468085106383%;
204
- }
205
- .row-fluid [class*="span"]:first-child {
206
- margin-left: 0;
207
- }
208
- .row-fluid .controls-row [class*="span"] + [class*="span"] {
209
- margin-left: 2.127659574468085%;
210
- }
211
- .row-fluid .span12 {
212
- width: 100%;
213
- *width: 99.94680851063829%;
214
- }
215
- .row-fluid .span11 {
216
- width: 91.48936170212765%;
217
- *width: 91.43617021276594%;
218
- }
219
- .row-fluid .span10 {
220
- width: 82.97872340425532%;
221
- *width: 82.92553191489361%;
222
- }
223
- .row-fluid .span9 {
224
- width: 74.46808510638297%;
225
- *width: 74.41489361702126%;
226
- }
227
- .row-fluid .span8 {
228
- width: 65.95744680851064%;
229
- *width: 65.90425531914893%;
230
- }
231
- .row-fluid .span7 {
232
- width: 57.44680851063829%;
233
- *width: 57.39361702127659%;
234
- }
235
- .row-fluid .span6 {
236
- width: 48.93617021276595%;
237
- *width: 48.88297872340425%;
238
- }
239
- .row-fluid .span5 {
240
- width: 40.42553191489362%;
241
- *width: 40.37234042553192%;
242
- }
243
- .row-fluid .span4 {
244
- width: 31.914893617021278%;
245
- *width: 31.861702127659576%;
246
- }
247
- .row-fluid .span3 {
248
- width: 23.404255319148934%;
249
- *width: 23.351063829787233%;
250
- }
251
- .row-fluid .span2 {
252
- width: 14.893617021276595%;
253
- *width: 14.840425531914894%;
254
- }
255
- .row-fluid .span1 {
256
- width: 6.382978723404255%;
257
- *width: 6.329787234042553%;
258
- }
259
- .row-fluid .offset12 {
260
- margin-left: 104.25531914893617%;
261
- *margin-left: 104.14893617021275%;
262
- }
263
- .row-fluid .offset12:first-child {
264
- margin-left: 102.12765957446808%;
265
- *margin-left: 102.02127659574467%;
266
- }
267
- .row-fluid .offset11 {
268
- margin-left: 95.74468085106382%;
269
- *margin-left: 95.6382978723404%;
270
- }
271
- .row-fluid .offset11:first-child {
272
- margin-left: 93.61702127659574%;
273
- *margin-left: 93.51063829787232%;
274
- }
275
- .row-fluid .offset10 {
276
- margin-left: 87.23404255319149%;
277
- *margin-left: 87.12765957446807%;
278
- }
279
- .row-fluid .offset10:first-child {
280
- margin-left: 85.1063829787234%;
281
- *margin-left: 84.99999999999999%;
282
- }
283
- .row-fluid .offset9 {
284
- margin-left: 78.72340425531914%;
285
- *margin-left: 78.61702127659572%;
286
- }
287
- .row-fluid .offset9:first-child {
288
- margin-left: 76.59574468085106%;
289
- *margin-left: 76.48936170212764%;
290
- }
291
- .row-fluid .offset8 {
292
- margin-left: 70.2127659574468%;
293
- *margin-left: 70.10638297872339%;
294
- }
295
- .row-fluid .offset8:first-child {
296
- margin-left: 68.08510638297872%;
297
- *margin-left: 67.9787234042553%;
298
- }
299
- .row-fluid .offset7 {
300
- margin-left: 61.70212765957446%;
301
- *margin-left: 61.59574468085106%;
302
- }
303
- .row-fluid .offset7:first-child {
304
- margin-left: 59.574468085106375%;
305
- *margin-left: 59.46808510638297%;
306
- }
307
- .row-fluid .offset6 {
308
- margin-left: 53.191489361702125%;
309
- *margin-left: 53.085106382978715%;
310
- }
311
- .row-fluid .offset6:first-child {
312
- margin-left: 51.063829787234035%;
313
- *margin-left: 50.95744680851063%;
314
- }
315
- .row-fluid .offset5 {
316
- margin-left: 44.68085106382979%;
317
- *margin-left: 44.57446808510638%;
318
- }
319
- .row-fluid .offset5:first-child {
320
- margin-left: 42.5531914893617%;
321
- *margin-left: 42.4468085106383%;
322
- }
323
- .row-fluid .offset4 {
324
- margin-left: 36.170212765957444%;
325
- *margin-left: 36.06382978723405%;
326
- }
327
- .row-fluid .offset4:first-child {
328
- margin-left: 34.04255319148936%;
329
- *margin-left: 33.93617021276596%;
330
- }
331
- .row-fluid .offset3 {
332
- margin-left: 27.659574468085104%;
333
- *margin-left: 27.5531914893617%;
334
- }
335
- .row-fluid .offset3:first-child {
336
- margin-left: 25.53191489361702%;
337
- *margin-left: 25.425531914893618%;
338
- }
339
- .row-fluid .offset2 {
340
- margin-left: 19.148936170212764%;
341
- *margin-left: 19.04255319148936%;
342
- }
343
- .row-fluid .offset2:first-child {
344
- margin-left: 17.02127659574468%;
345
- *margin-left: 16.914893617021278%;
346
- }
347
- .row-fluid .offset1 {
348
- margin-left: 10.638297872340425%;
349
- *margin-left: 10.53191489361702%;
350
- }
351
- .row-fluid .offset1:first-child {
352
- margin-left: 8.51063829787234%;
353
- *margin-left: 8.404255319148938%;
354
- }
355
- [class*="span"].hide,
356
- .row-fluid [class*="span"].hide {
357
- display: none;
358
- }
359
- [class*="span"].pull-right,
360
- .row-fluid [class*="span"].pull-right {
361
- float: right;
362
- }
363
- .container {
364
- margin-right: auto;
365
- margin-left: auto;
366
- *zoom: 1;
367
- }
368
- .container:before,
369
- .container:after {
370
- display: table;
371
- content: "";
372
- line-height: 0;
373
- }
374
- .container:after {
375
- clear: both;
376
- }
377
- .container-fluid {
378
- padding-right: 20px;
379
- padding-left: 20px;
380
- *zoom: 1;
381
- }
382
- .container-fluid:before,
383
- .container-fluid:after {
384
- display: table;
385
- content: "";
386
- line-height: 0;
387
- }
388
- .container-fluid:after {
389
- clear: both;
390
- }
391
- @-ms-viewport {
392
- width: device-width;
393
- }
394
- .hidden {
395
- display: none;
396
- visibility: hidden;
397
- }
398
- .visible-phone {
399
- display: none !important;
400
- }
401
- .visible-tablet {
402
- display: none !important;
403
- }
404
- .hidden-desktop {
405
- display: none !important;
406
- }
407
- .visible-desktop {
408
- display: inherit !important;
409
- }
410
- @media (min-width: 768px) and (max-width: 979px) {
411
- .hidden-desktop {
412
- display: inherit !important;
413
- }
414
- .visible-desktop {
415
- display: none !important ;
416
- }
417
- .visible-tablet {
418
- display: inherit !important;
419
- }
420
- .hidden-tablet {
421
- display: none !important;
422
- }
423
- }
424
- @media (max-width: 767px) {
425
- .hidden-desktop {
426
- display: inherit !important;
427
- }
428
- .visible-desktop {
429
- display: none !important;
430
- }
431
- .visible-phone {
432
- display: inherit !important;
433
- }
434
- .hidden-phone {
435
- display: none !important;
436
- }
437
- }
438
- .visible-print {
439
- display: none !important;
440
- }
441
- @media print {
442
- .visible-print {
443
- display: inherit !important;
444
- }
445
- .hidden-print {
446
- display: none !important;
447
- }
448
- }
449
- @media (max-width: 767px) {
450
- body {
451
- padding-left: 20px;
452
- padding-right: 20px;
453
- }
454
- .navbar {
455
- margin-left: -20px;
456
- margin-right: -20px;
457
- padding-left: 20px;
458
- padding-right: 20px;
459
- }
460
- .container-fluid {
461
- padding: 0;
462
- }
463
- .container {
464
- width: auto;
465
- }
466
- .row-fluid {
467
- width: 100%;
468
- }
469
- .row {
470
- margin-left: 0;
471
- }
472
- [class*="span"],
473
- .uneditable-input[class*="span"],
474
- .row-fluid [class*="span"] {
475
- float: none;
476
- display: block;
477
- width: 100%;
478
- margin-left: 0;
479
- -webkit-box-sizing: border-box;
480
- -moz-box-sizing: border-box;
481
- box-sizing: border-box;
482
- }
483
- .span12,
484
- .row-fluid .span12 {
485
- width: 100%;
486
- -webkit-box-sizing: border-box;
487
- -moz-box-sizing: border-box;
488
- box-sizing: border-box;
489
- }
490
- .row-fluid [class*="offset"]:first-child {
491
- margin-left: 0;
492
- }
493
- }
494
- @media (min-width: 768px) and (max-width: 979px) {
495
- .row {
496
- margin-left: -20px;
497
- *zoom: 1;
498
- }
499
- .row:before,
500
- .row:after {
501
- display: table;
502
- content: "";
503
- line-height: 0;
504
- }
505
- .row:after {
506
- clear: both;
507
- }
508
- [class*="span"] {
509
- float: left;
510
- min-height: 1px;
511
- margin-left: 20px;
512
- }
513
- .container {
514
- width: 724px;
515
- }
516
- .span12 {
517
- width: 724px;
518
- }
519
- .span11 {
520
- width: 662px;
521
- }
522
- .span10 {
523
- width: 600px;
524
- }
525
- .span9 {
526
- width: 538px;
527
- }
528
- .span8 {
529
- width: 476px;
530
- }
531
- .span7 {
532
- width: 414px;
533
- }
534
- .span6 {
535
- width: 352px;
536
- }
537
- .span5 {
538
- width: 290px;
539
- }
540
- .span4 {
541
- width: 228px;
542
- }
543
- .span3 {
544
- width: 166px;
545
- }
546
- .span2 {
547
- width: 104px;
548
- }
549
- .span1 {
550
- width: 42px;
551
- }
552
- .offset12 {
553
- margin-left: 764px;
554
- }
555
- .offset11 {
556
- margin-left: 702px;
557
- }
558
- .offset10 {
559
- margin-left: 640px;
560
- }
561
- .offset9 {
562
- margin-left: 578px;
563
- }
564
- .offset8 {
565
- margin-left: 516px;
566
- }
567
- .offset7 {
568
- margin-left: 454px;
569
- }
570
- .offset6 {
571
- margin-left: 392px;
572
- }
573
- .offset5 {
574
- margin-left: 330px;
575
- }
576
- .offset4 {
577
- margin-left: 268px;
578
- }
579
- .offset3 {
580
- margin-left: 206px;
581
- }
582
- .offset2 {
583
- margin-left: 144px;
584
- }
585
- .offset1 {
586
- margin-left: 82px;
587
- }
588
- .row-fluid {
589
- width: 100%;
590
- *zoom: 1;
591
- }
592
- .row-fluid:before,
593
- .row-fluid:after {
594
- display: table;
595
- content: "";
596
- line-height: 0;
597
- }
598
- .row-fluid:after {
599
- clear: both;
600
- }
601
- .row-fluid [class*="span"] {
602
- display: block;
603
- width: 100%;
604
- min-height: 30px;
605
- -webkit-box-sizing: border-box;
606
- -moz-box-sizing: border-box;
607
- box-sizing: border-box;
608
- float: left;
609
- margin-left: 2.7624309392265194%;
610
- *margin-left: 2.709239449864817%;
611
- }
612
- .row-fluid [class*="span"]:first-child {
613
- margin-left: 0;
614
- }
615
- .row-fluid .controls-row [class*="span"] + [class*="span"] {
616
- margin-left: 2.7624309392265194%;
617
- }
618
- .row-fluid .span12 {
619
- width: 100%;
620
- *width: 99.94680851063829%;
621
- }
622
- .row-fluid .span11 {
623
- width: 91.43646408839778%;
624
- *width: 91.38327259903608%;
625
- }
626
- .row-fluid .span10 {
627
- width: 82.87292817679558%;
628
- *width: 82.81973668743387%;
629
- }
630
- .row-fluid .span9 {
631
- width: 74.30939226519337%;
632
- *width: 74.25620077583166%;
633
- }
634
- .row-fluid .span8 {
635
- width: 65.74585635359117%;
636
- *width: 65.69266486422946%;
637
- }
638
- .row-fluid .span7 {
639
- width: 57.18232044198895%;
640
- *width: 57.12912895262725%;
641
- }
642
- .row-fluid .span6 {
643
- width: 48.61878453038674%;
644
- *width: 48.56559304102504%;
645
- }
646
- .row-fluid .span5 {
647
- width: 40.05524861878453%;
648
- *width: 40.00205712942283%;
649
- }
650
- .row-fluid .span4 {
651
- width: 31.491712707182323%;
652
- *width: 31.43852121782062%;
653
- }
654
- .row-fluid .span3 {
655
- width: 22.92817679558011%;
656
- *width: 22.87498530621841%;
657
- }
658
- .row-fluid .span2 {
659
- width: 14.3646408839779%;
660
- *width: 14.311449394616199%;
661
- }
662
- .row-fluid .span1 {
663
- width: 5.801104972375691%;
664
- *width: 5.747913483013988%;
665
- }
666
- .row-fluid .offset12 {
667
- margin-left: 105.52486187845304%;
668
- *margin-left: 105.41847889972962%;
669
- }
670
- .row-fluid .offset12:first-child {
671
- margin-left: 102.76243093922652%;
672
- *margin-left: 102.6560479605031%;
673
- }
674
- .row-fluid .offset11 {
675
- margin-left: 96.96132596685082%;
676
- *margin-left: 96.8549429881274%;
677
- }
678
- .row-fluid .offset11:first-child {
679
- margin-left: 94.1988950276243%;
680
- *margin-left: 94.09251204890089%;
681
- }
682
- .row-fluid .offset10 {
683
- margin-left: 88.39779005524862%;
684
- *margin-left: 88.2914070765252%;
685
- }
686
- .row-fluid .offset10:first-child {
687
- margin-left: 85.6353591160221%;
688
- *margin-left: 85.52897613729868%;
689
- }
690
- .row-fluid .offset9 {
691
- margin-left: 79.8342541436464%;
692
- *margin-left: 79.72787116492299%;
693
- }
694
- .row-fluid .offset9:first-child {
695
- margin-left: 77.07182320441989%;
696
- *margin-left: 76.96544022569647%;
697
- }
698
- .row-fluid .offset8 {
699
- margin-left: 71.2707182320442%;
700
- *margin-left: 71.16433525332079%;
701
- }
702
- .row-fluid .offset8:first-child {
703
- margin-left: 68.50828729281768%;
704
- *margin-left: 68.40190431409427%;
705
- }
706
- .row-fluid .offset7 {
707
- margin-left: 62.70718232044199%;
708
- *margin-left: 62.600799341718584%;
709
- }
710
- .row-fluid .offset7:first-child {
711
- margin-left: 59.94475138121547%;
712
- *margin-left: 59.838368402492065%;
713
- }
714
- .row-fluid .offset6 {
715
- margin-left: 54.14364640883978%;
716
- *margin-left: 54.037263430116376%;
717
- }
718
- .row-fluid .offset6:first-child {
719
- margin-left: 51.38121546961326%;
720
- *margin-left: 51.27483249088986%;
721
- }
722
- .row-fluid .offset5 {
723
- margin-left: 45.58011049723757%;
724
- *margin-left: 45.47372751851417%;
725
- }
726
- .row-fluid .offset5:first-child {
727
- margin-left: 42.81767955801105%;
728
- *margin-left: 42.71129657928765%;
729
- }
730
- .row-fluid .offset4 {
731
- margin-left: 37.01657458563536%;
732
- *margin-left: 36.91019160691196%;
733
- }
734
- .row-fluid .offset4:first-child {
735
- margin-left: 34.25414364640884%;
736
- *margin-left: 34.14776066768544%;
737
- }
738
- .row-fluid .offset3 {
739
- margin-left: 28.45303867403315%;
740
- *margin-left: 28.346655695309746%;
741
- }
742
- .row-fluid .offset3:first-child {
743
- margin-left: 25.69060773480663%;
744
- *margin-left: 25.584224756083227%;
745
- }
746
- .row-fluid .offset2 {
747
- margin-left: 19.88950276243094%;
748
- *margin-left: 19.783119783707537%;
749
- }
750
- .row-fluid .offset2:first-child {
751
- margin-left: 17.12707182320442%;
752
- *margin-left: 17.02068884448102%;
753
- }
754
- .row-fluid .offset1 {
755
- margin-left: 11.32596685082873%;
756
- *margin-left: 11.219583872105325%;
757
- }
758
- .row-fluid .offset1:first-child {
759
- margin-left: 8.56353591160221%;
760
- *margin-left: 8.457152932878806%;
761
- }
762
- }