gridpaper 0.0.6 → 0.0.7

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 (50) hide show
  1. data/README.rdoc +1 -0
  2. data/bin/gridpaper +1 -0
  3. data/examples/index.html +227 -13
  4. data/examples/pencil.html +341 -0
  5. data/examples/stylesheets/sass/_settings.sass +8 -0
  6. data/examples/stylesheets/sass/gridpaper/_effects.sass +1 -1
  7. data/examples/stylesheets/sass/gridpaper/_forms.sass +0 -25
  8. data/examples/stylesheets/sass/gridpaper/_grid.sass +46 -0
  9. data/examples/stylesheets/sass/gridpaper/_reset.sass +39 -19
  10. data/examples/stylesheets/sass/gridpaper/_tables.sass +0 -0
  11. data/examples/stylesheets/sass/gridpaper/pencil/_all.sass +1 -0
  12. data/examples/stylesheets/sass/gridpaper/pencil/_colors.sass +9 -0
  13. data/examples/stylesheets/sass/gridpaper/pencil/_elements.sass +13 -0
  14. data/examples/stylesheets/sass/gridpaper/pencil/_forms.sass +22 -0
  15. data/examples/stylesheets/sass/gridpaper/pencil/_layout.sass +30 -0
  16. data/examples/stylesheets/sass/gridpaper/pencil/_tables.sass +5 -0
  17. data/examples/stylesheets/sass/gridpaper/pencil/_typography.sass +17 -0
  18. data/examples/stylesheets/sass/index.html.sass +119 -0
  19. data/examples/stylesheets/sass/pencil.html.sass +157 -0
  20. data/lib/gridpaper/version.rb +1 -1
  21. data/templates/sass/_settings.sass +8 -0
  22. data/templates/sass/gridpaper/_effects.sass +1 -1
  23. data/templates/sass/gridpaper/_forms.sass +0 -25
  24. data/templates/sass/gridpaper/_grid.sass +46 -0
  25. data/templates/sass/gridpaper/_reset.sass +39 -19
  26. data/templates/sass/gridpaper/_tables.sass +0 -0
  27. data/templates/sass/gridpaper/pencil/_all.sass +1 -0
  28. data/templates/sass/gridpaper/pencil/_colors.sass +9 -0
  29. data/templates/sass/gridpaper/pencil/_elements.sass +13 -0
  30. data/templates/sass/gridpaper/pencil/_forms.sass +22 -0
  31. data/templates/sass/gridpaper/pencil/_layout.sass +30 -0
  32. data/templates/sass/gridpaper/pencil/_tables.sass +5 -0
  33. data/templates/sass/gridpaper/pencil/_typography.sass +17 -0
  34. data/templates/scss/_settings.scss +8 -0
  35. data/templates/scss/gridpaper/_effects.scss +1 -1
  36. data/templates/scss/gridpaper/_forms.scss +1 -19
  37. data/templates/scss/gridpaper/_grid.scss +47 -0
  38. data/templates/scss/gridpaper/_reset.scss +29 -25
  39. data/templates/scss/gridpaper/_tables.scss +1 -0
  40. data/templates/scss/gridpaper/pencil/_all.scss +11 -0
  41. data/templates/scss/gridpaper/pencil/_colors.scss +9 -0
  42. data/templates/scss/gridpaper/pencil/_elements.scss +13 -0
  43. data/templates/scss/gridpaper/pencil/_forms.scss +17 -0
  44. data/templates/scss/gridpaper/pencil/_layout.scss +28 -0
  45. data/templates/scss/gridpaper/pencil/_tables.scss +5 -0
  46. data/templates/scss/gridpaper/pencil/_typography.scss +16 -0
  47. metadata +36 -12
  48. data/examples/stylesheets/sass/styles.sass +0 -2
  49. data/templates/sass/gridpaper/examples/_columns.sass +0 -46
  50. data/templates/scss/gridpaper/examples/_columns.scss +0 -45
@@ -0,0 +1,11 @@
1
+ @import "colors";
2
+
3
+ @import "elements";
4
+
5
+ @import "typography";
6
+
7
+ @import "forms";
8
+
9
+ @import "tables";
10
+
11
+ @import "layout";
@@ -0,0 +1,9 @@
1
+ $black: black;
2
+ $dark-grey: #333333;
3
+ $light-grey: #e1e1e1;
4
+ $medium-grey: #666666;
5
+ $white: white;
6
+
7
+ body {
8
+ background-color: $white;
9
+ color: $dark-grey; }
@@ -0,0 +1,13 @@
1
+ @mixin image($height: 200px) {
2
+ display: block;
3
+ height: $height;
4
+ color: $light-grey;
5
+ line-height: $height;
6
+ text-align: center;
7
+ background-color: $dark-grey; }
8
+
9
+ @mixin box {
10
+ overflow: hidden;
11
+ display: block;
12
+ padding: 1em;
13
+ background-color: $light-grey; }
@@ -0,0 +1,17 @@
1
+ form {
2
+ legend {
3
+ margin-bottom: 0.5em;
4
+ border-bottom: 1px solid $medium-grey; }
5
+ fieldset {
6
+ margin-bottom: 0.5em; }
7
+ label {
8
+ font-size: 16px;
9
+ line-height: 1.5em; }
10
+ input, textarea {
11
+ height: 1.5em;
12
+ padding: 3px 8px;
13
+ border: 1px solid $medium-grey; }
14
+ textarea {
15
+ height: 10em; }
16
+ input[type="submit"], button {
17
+ height: 32px; } }
@@ -0,0 +1,28 @@
1
+ body {
2
+ @include container;
3
+ margin: {
4
+ top: 3em;
5
+ bottom: 3em; }; }
6
+
7
+ section {
8
+ margin-bottom: 3em; }
9
+
10
+ h1, h2, h3, h4, h5, h6 {
11
+ text-transform: capitalize; }
12
+
13
+ header {
14
+ margin-bottom: 1.5em;
15
+ padding-bottom: 1.5em;
16
+ border-bottom: 1px solid $light-grey;
17
+ nav {
18
+ ul li {
19
+ display: inline;
20
+ a {
21
+ display: inline-block;
22
+ margin-right: 2em; } } } }
23
+
24
+ footer {
25
+ margin-top: 1.5em;
26
+ padding-top: 1.5em;
27
+ color: $medium-grey;
28
+ border-top: 1px solid $light-grey; }
@@ -0,0 +1,5 @@
1
+ table {
2
+ th {
3
+ background: $medium-grey;
4
+ color: $white;
5
+ border-color: $black; } }
@@ -0,0 +1,16 @@
1
+ h1, h2, h3, h4, h5, h6 {
2
+ margin-bottom: $base-font-size;
3
+ font: {
4
+ weight: bold; };
5
+ line-height: 1; }
6
+
7
+ p {
8
+ margin-bottom: $base-font-size;
9
+ line-height: 1.5;
10
+ &:last-child {
11
+ margin-bottom: 0; } }
12
+
13
+ hgroup {
14
+ margin-bottom: $base-font-size;
15
+ h1, h2, h3, h4, h5, h6 {
16
+ margin-bottom: 0; } }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: gridpaper
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.6
4
+ version: 0.0.7
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -13,7 +13,7 @@ date: 2011-11-25 00:00:00.000000000Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: commander
16
- requirement: &70163140373560 !ruby/object:Gem::Requirement
16
+ requirement: &70342136488700 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: 4.0.4
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70163140373560
24
+ version_requirements: *70342136488700
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: sass
27
- requirement: &70163140373060 !ruby/object:Gem::Requirement
27
+ requirement: &70342136488100 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: 3.1.7
33
33
  type: :runtime
34
34
  prerelease: false
35
- version_requirements: *70163140373060
35
+ version_requirements: *70342136488100
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: colorize
38
- requirement: &70163140372540 !ruby/object:Gem::Requirement
38
+ requirement: &70342136487600 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
43
43
  version: 0.5.8
44
44
  type: :runtime
45
45
  prerelease: false
46
- version_requirements: *70163140372540
46
+ version_requirements: *70342136487600
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: guard
49
- requirement: &70163140372060 !ruby/object:Gem::Requirement
49
+ requirement: &70342136487080 !ruby/object:Gem::Requirement
50
50
  none: false
51
51
  requirements:
52
52
  - - ! '>='
@@ -54,7 +54,7 @@ dependencies:
54
54
  version: 0.8.8
55
55
  type: :development
56
56
  prerelease: false
57
- version_requirements: *70163140372060
57
+ version_requirements: *70342136487080
58
58
  description: Gridpaper is a CSS framework built on top of SASS.
59
59
  email:
60
60
  - christiannaths@gmail.com
@@ -71,14 +71,24 @@ files:
71
71
  - bin/gridpaper
72
72
  - examples/images/grid.png
73
73
  - examples/index.html
74
+ - examples/pencil.html
74
75
  - examples/stylesheets/sass/_settings.sass
75
76
  - examples/stylesheets/sass/gridpaper/_all.sass
76
77
  - examples/stylesheets/sass/gridpaper/_effects.sass
77
78
  - examples/stylesheets/sass/gridpaper/_forms.sass
78
79
  - examples/stylesheets/sass/gridpaper/_grid.sass
79
80
  - examples/stylesheets/sass/gridpaper/_reset.sass
81
+ - examples/stylesheets/sass/gridpaper/_tables.sass
80
82
  - examples/stylesheets/sass/gridpaper/_utilities.sass
81
- - examples/stylesheets/sass/styles.sass
83
+ - examples/stylesheets/sass/gridpaper/pencil/_all.sass
84
+ - examples/stylesheets/sass/gridpaper/pencil/_colors.sass
85
+ - examples/stylesheets/sass/gridpaper/pencil/_elements.sass
86
+ - examples/stylesheets/sass/gridpaper/pencil/_forms.sass
87
+ - examples/stylesheets/sass/gridpaper/pencil/_layout.sass
88
+ - examples/stylesheets/sass/gridpaper/pencil/_tables.sass
89
+ - examples/stylesheets/sass/gridpaper/pencil/_typography.sass
90
+ - examples/stylesheets/sass/index.html.sass
91
+ - examples/stylesheets/sass/pencil.html.sass
82
92
  - gridpaper.gemspec
83
93
  - lib/gridpaper.rb
84
94
  - lib/gridpaper/version.rb
@@ -88,8 +98,15 @@ files:
88
98
  - templates/sass/gridpaper/_forms.sass
89
99
  - templates/sass/gridpaper/_grid.sass
90
100
  - templates/sass/gridpaper/_reset.sass
101
+ - templates/sass/gridpaper/_tables.sass
91
102
  - templates/sass/gridpaper/_utilities.sass
92
- - templates/sass/gridpaper/examples/_columns.sass
103
+ - templates/sass/gridpaper/pencil/_all.sass
104
+ - templates/sass/gridpaper/pencil/_colors.sass
105
+ - templates/sass/gridpaper/pencil/_elements.sass
106
+ - templates/sass/gridpaper/pencil/_forms.sass
107
+ - templates/sass/gridpaper/pencil/_layout.sass
108
+ - templates/sass/gridpaper/pencil/_tables.sass
109
+ - templates/sass/gridpaper/pencil/_typography.sass
93
110
  - templates/sass/styles.sass
94
111
  - templates/scss/_settings.scss
95
112
  - templates/scss/gridpaper/_all.scss
@@ -97,8 +114,15 @@ files:
97
114
  - templates/scss/gridpaper/_forms.scss
98
115
  - templates/scss/gridpaper/_grid.scss
99
116
  - templates/scss/gridpaper/_reset.scss
117
+ - templates/scss/gridpaper/_tables.scss
100
118
  - templates/scss/gridpaper/_utilities.scss
101
- - templates/scss/gridpaper/examples/_columns.scss
119
+ - templates/scss/gridpaper/pencil/_all.scss
120
+ - templates/scss/gridpaper/pencil/_colors.scss
121
+ - templates/scss/gridpaper/pencil/_elements.scss
122
+ - templates/scss/gridpaper/pencil/_forms.scss
123
+ - templates/scss/gridpaper/pencil/_layout.scss
124
+ - templates/scss/gridpaper/pencil/_tables.scss
125
+ - templates/scss/gridpaper/pencil/_typography.scss
102
126
  - templates/scss/styles.scss
103
127
  homepage: http://christiannaths.com
104
128
  licenses: []
@@ -1,2 +0,0 @@
1
- @import settings
2
- @import gridpaper/all
@@ -1,46 +0,0 @@
1
- .column
2
- height: 100px
3
- margin-bottom: 16px
4
- background-color: $light-grey
5
- border: 1px solid $medium-grey
6
-
7
-
8
- #columns-1
9
- .column
10
- @include column
11
- @include span(24, -2px)
12
-
13
- #columns-2
14
- .column
15
- @include column
16
- @include span(12, -2px)
17
-
18
- #columns-3
19
- .column
20
- @include column
21
- @include span(8, -2px)
22
-
23
- #columns-4
24
- .column
25
- @include column
26
- @include span(6, -2px)
27
-
28
- #columns-6
29
- .column
30
- @include column
31
- @include span(4, -2px)
32
-
33
- #columns-8
34
- .column
35
- @include column
36
- @include span(3, -2px)
37
-
38
- #columns-12
39
- .column
40
- @include column
41
- @include span(2, -2px)
42
-
43
- #columns-24
44
- .column
45
- @include column
46
- @include span(1, -2px)
@@ -1,45 +0,0 @@
1
- .column {
2
- height: 100px;
3
- margin-bottom: 16px;
4
- background-color: $light-grey;
5
- border: 1px solid $medium-grey; }
6
-
7
- #columns-1 {
8
- .column {
9
- @include column;
10
- @include span(24, -2px); } }
11
-
12
- #columns-2 {
13
- .column {
14
- @include column;
15
- @include span(12, -2px); } }
16
-
17
- #columns-3 {
18
- .column {
19
- @include column;
20
- @include span(8, -2px); } }
21
-
22
- #columns-4 {
23
- .column {
24
- @include column;
25
- @include span(6, -2px); } }
26
-
27
- #columns-6 {
28
- .column {
29
- @include column;
30
- @include span(4, -2px); } }
31
-
32
- #columns-8 {
33
- .column {
34
- @include column;
35
- @include span(3, -2px); } }
36
-
37
- #columns-12 {
38
- .column {
39
- @include column;
40
- @include span(2, -2px); } }
41
-
42
- #columns-24 {
43
- .column {
44
- @include column;
45
- @include span(1, -2px); } }