grids_lite 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +31 -10
  3. data/app/assets/stylesheets/grids_lite/{base.css → base.scss} +4 -2
  4. data/app/assets/stylesheets/grids_lite/col-10.scss +97 -0
  5. data/app/assets/stylesheets/grids_lite/col-11.scss +106 -0
  6. data/app/assets/stylesheets/grids_lite/col-12.scss +115 -0
  7. data/app/assets/stylesheets/grids_lite/col-13.scss +124 -0
  8. data/app/assets/stylesheets/grids_lite/col-14.scss +133 -0
  9. data/app/assets/stylesheets/grids_lite/col-2.scss +25 -0
  10. data/app/assets/stylesheets/grids_lite/col-3.scss +34 -0
  11. data/app/assets/stylesheets/grids_lite/col-4.scss +43 -0
  12. data/app/assets/stylesheets/grids_lite/col-5.scss +52 -0
  13. data/app/assets/stylesheets/grids_lite/col-6.scss +61 -0
  14. data/app/assets/stylesheets/grids_lite/col-7.scss +70 -0
  15. data/app/assets/stylesheets/grids_lite/col-8.scss +79 -0
  16. data/app/assets/stylesheets/grids_lite/col-9.scss +88 -0
  17. data/app/assets/stylesheets/grids_lite/mixins.scss +3 -0
  18. data/grids_lite.gemspec +1 -0
  19. data/lib/generators/grids_lite_generator.rb +10 -0
  20. data/lib/generators/templates/variables.scss +3 -0
  21. data/lib/grids_lite/version.rb +1 -1
  22. metadata +34 -11
  23. data/app/assets/stylesheets/grids_lite/col-2.css +0 -22
  24. data/app/assets/stylesheets/grids_lite/col-3.css +0 -31
  25. data/app/assets/stylesheets/grids_lite/col-4.css +0 -40
  26. data/app/assets/stylesheets/grids_lite/col-5.css +0 -49
  27. data/app/assets/stylesheets/grids_lite/col-6.css +0 -58
  28. data/app/assets/stylesheets/grids_lite/col-7.css +0 -67
  29. data/app/assets/stylesheets/grids_lite/col-8.css +0 -76
  30. /data/app/assets/stylesheets/grids_lite/{col-1.css → col-1.scss} +0 -0
@@ -1,58 +0,0 @@
1
- .col-6-6 {
2
- width: 100%;
3
- }
4
- .col-5-6 {
5
- width: 83.333333335%;
6
- }
7
- .col-4-6 {
8
- width: 66.66666666%;
9
- }
10
- .col-3-6 {
11
- width: 50%;
12
- }
13
- .col-2-6 {
14
- width: 33.33333333%;
15
- }
16
- .col-1-6 {
17
- width: 16.666666667%;
18
- }
19
- @media only screen and (min-width: 48em) {
20
- .col-6-6-med {
21
- width: 100%;
22
- }
23
- .col-5-6-med {
24
- width: 83.333333335%;
25
- }
26
- .col-4-6-med {
27
- width: 66.66666666%;
28
- }
29
- .col-3-6-med {
30
- width: 50%;
31
- }
32
- .col-2-6-med {
33
- width: 33.33333333%;
34
- }
35
- .col-1-6-med {
36
- width: 16.666666667%;
37
- }
38
- }
39
- @media only screen and (min-width: 64em) {
40
- .col-6-6-lrg {
41
- width: 100%;
42
- }
43
- .col-5-6-lrg {
44
- width: 83.333333335%;
45
- }
46
- .col-4-6-lrg {
47
- width: 66.66666666%;
48
- }
49
- .col-3-6-lrg {
50
- width: 50%;
51
- }
52
- .col-2-6-lrg {
53
- width: 33.33333333%;
54
- }
55
- .col-1-6-lrg {
56
- width: 16.666666667%;
57
- }
58
- }
@@ -1,67 +0,0 @@
1
- .col-7-7 {
2
- width: 100%;
3
- }
4
- .col-6-7 {
5
- width: 85.714285716%;
6
- }
7
- .col-5-7 {
8
- width: 71.42857143%;
9
- }
10
- .col-4-7 {
11
- width: 57.142857144%;
12
- }
13
- .col-3-7 {
14
- width: 42.857142858%;
15
- }
16
- .col-2-7 {
17
- width: 28.571428572%;
18
- }
19
- .col-1-7 {
20
- width: 14.285714286%;
21
- }
22
- @media only screen and (min-width: 48em) {
23
- .col-7-7-med {
24
- width: 100%;
25
- }
26
- .col-6-7-med {
27
- width: 85.714285716%;
28
- }
29
- .col-5-7-med {
30
- width: 71.42857143%;
31
- }
32
- .col-4-7-med {
33
- width: 57.142857144%;
34
- }
35
- .col-3-7-med {
36
- width: 42.857142858%;
37
- }
38
- .col-2-7-med {
39
- width: 28.571428572%;
40
- }
41
- .col-1-7-med {
42
- width: 14.285714286%;
43
- }
44
- }
45
- @media only screen and (min-width: 64em) {
46
- .col-7-7-lrg {
47
- width: 100%;
48
- }
49
- .col-6-7-lrg {
50
- width: 85.714285716%;
51
- }
52
- .col-5-7-lrg {
53
- width: 71.42857143%;
54
- }
55
- .col-4-7-lrg {
56
- width: 57.142857144%;
57
- }
58
- .col-3-7-lrg {
59
- width: 42.857142858%;
60
- }
61
- .col-2-7-lrg {
62
- width: 28.571428572%;
63
- }
64
- .col-1-7-lrg {
65
- width: 14.285714286%;
66
- }
67
- }
@@ -1,76 +0,0 @@
1
- .col-8-8 {
2
- width: 100%;
3
- }
4
- .col-7-8 {
5
- width: 87.5%;
6
- }
7
- .col-6-8 {
8
- width: 75%;
9
- }
10
- .col-5-8 {
11
- width: 62.5%;
12
- }
13
- .col-4-8 {
14
- width: 50%;
15
- }
16
- .col-3-8 {
17
- width: 37.5%;
18
- }
19
- .col-2-8 {
20
- width: 25%;
21
- }
22
- .col-1-8 {
23
- width: 12.5%;
24
- }
25
- @media only screen and (min-width: 48em) {
26
- .col-8-8-med {
27
- width: 100%;
28
- }
29
- .col-7-8-med {
30
- width: 87.5%;
31
- }
32
- .col-6-8-med {
33
- width: 75%;
34
- }
35
- .col-5-8-med {
36
- width: 62.5%;
37
- }
38
- .col-4-8-med {
39
- width: 50%;
40
- }
41
- .col-3-8-med {
42
- width: 37.5%;
43
- }
44
- .col-2-8-med {
45
- width: 25%;
46
- }
47
- .col-1-8-med {
48
- width: 12.5%;
49
- }
50
- }
51
- @media only screen and (min-width: 64em) {
52
- .col-8-8-lrg {
53
- width: 100%;
54
- }
55
- .col-7-8-lrg {
56
- width: 87.5%;
57
- }
58
- .col-6-8-lrg {
59
- width: 75%;
60
- }
61
- .col-5-8-lrg {
62
- width: 62.5%;
63
- }
64
- .col-4-8-lrg {
65
- width: 50%;
66
- }
67
- .col-3-8-lrg {
68
- width: 37.5%;
69
- }
70
- .col-2-8-lrg {
71
- width: 25%;
72
- }
73
- .col-1-8-lrg {
74
- width: 12.5%;
75
- }
76
- }