graphpaper 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
data/INSTALL ADDED
@@ -0,0 +1,2 @@
1
+ Installation instructions for compass-graphpaper
2
+ ================================================
data/Manifest ADDED
@@ -0,0 +1,22 @@
1
+ INSTALL
2
+ README
3
+ Rakefile
4
+ lib/graphpaper.rb
5
+ stylesheets/_graphpaper.sass
6
+ stylesheets/graphpaper/_ie.sass
7
+ stylesheets/graphpaper/_print.sass
8
+ stylesheets/graphpaper/_screen.sass
9
+ stylesheets/graphpaper/modules/_colors.sass
10
+ stylesheets/graphpaper/modules/_grid.sass
11
+ stylesheets/graphpaper/modules/_reset.sass
12
+ stylesheets/graphpaper/modules/_typography.sass
13
+ templates/project/common/_footer.sass
14
+ templates/project/common/_header.sass
15
+ templates/project/common/_typography.sass
16
+ templates/project/config/_base.sass
17
+ templates/project/config/_settings.sass
18
+ templates/project/ie.sass
19
+ templates/project/manifest.rb
20
+ templates/project/print.sass
21
+ templates/project/screen.sass
22
+ Manifest
data/README ADDED
@@ -0,0 +1,6 @@
1
+ compass-graphpaper
2
+ ==================
3
+
4
+ A lightweight fixed-grid [Compass](http://compass-style.org) framework for Ruby curmudgeons.
5
+
6
+ Read INSTALL for installation instructions.
data/Rakefile ADDED
@@ -0,0 +1,12 @@
1
+ require 'rubygems'
2
+ require 'rake'
3
+ require 'echoe'
4
+
5
+ Echoe.new('graphpaper', '0.0.1') do |p|
6
+ p.description = "A lightweight fixed-grid Compass framework for Ruby curmudgeons."
7
+ p.url = "http://github.com/alexcabrera/compas-graphpaper/"
8
+ p.author = "Alex Cabrera"
9
+ p.email = "alex@policus.com"
10
+ p.ignore_pattern = ["tmp/*", "script/*"]
11
+ p.development_dependencies = []
12
+ end
@@ -0,0 +1,30 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ Gem::Specification.new do |s|
4
+ s.name = %q{graphpaper}
5
+ s.version = "0.0.1"
6
+
7
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
8
+ s.authors = ["Alex Cabrera"]
9
+ s.date = %q{2010-04-27}
10
+ s.description = %q{A lightweight fixed-grid Compass framework for Ruby curmudgeons.}
11
+ s.email = %q{alex@policus.com}
12
+ s.extra_rdoc_files = ["README", "lib/graphpaper.rb"]
13
+ s.files = ["INSTALL", "README", "Rakefile", "lib/graphpaper.rb", "stylesheets/_graphpaper.sass", "stylesheets/graphpaper/_ie.sass", "stylesheets/graphpaper/_print.sass", "stylesheets/graphpaper/_screen.sass", "stylesheets/graphpaper/modules/_colors.sass", "stylesheets/graphpaper/modules/_grid.sass", "stylesheets/graphpaper/modules/_reset.sass", "stylesheets/graphpaper/modules/_typography.sass", "templates/project/common/_footer.sass", "templates/project/common/_header.sass", "templates/project/common/_typography.sass", "templates/project/config/_base.sass", "templates/project/config/_settings.sass", "templates/project/ie.sass", "templates/project/manifest.rb", "templates/project/print.sass", "templates/project/screen.sass", "Manifest", "graphpaper.gemspec"]
14
+ s.homepage = %q{http://github.com/alexcabrera/compas-graphpaper/}
15
+ s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Graphpaper", "--main", "README"]
16
+ s.require_paths = ["lib"]
17
+ s.rubyforge_project = %q{graphpaper}
18
+ s.rubygems_version = %q{1.3.6}
19
+ s.summary = %q{A lightweight fixed-grid Compass framework for Ruby curmudgeons.}
20
+
21
+ if s.respond_to? :specification_version then
22
+ current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
23
+ s.specification_version = 3
24
+
25
+ if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
26
+ else
27
+ end
28
+ else
29
+ end
30
+ end
data/lib/graphpaper.rb ADDED
@@ -0,0 +1,2 @@
1
+ graphpaper_dir = File.expand_path(File.join(File.dirname(__FILE__), ".."))
2
+ Compass::Frameworks.register('graphpaper', graphpaper_dir)
@@ -0,0 +1,3 @@
1
+ @import graphpaper/screen.sass
2
+ @import graphpaper/print.sass
3
+ @import graphpaper/ie.sass
@@ -0,0 +1 @@
1
+
File without changes
@@ -0,0 +1,4 @@
1
+ @import graphpaper/modules/reset.sass
2
+ @import graphpaper/modules/colors.sass
3
+ @import graphpaper/modules/grid.sass
4
+ @import graphpaper/modules/typography.sass
@@ -0,0 +1,249 @@
1
+ // Ever wanted to use Crayola crayon names in your CSS instead
2
+ // of ugly hex values? Of course you do.
3
+
4
+ // Values taken from this article on ColourLovers:
5
+ // http://www.colourlovers.com/blog/2008/04/22/all-120-crayon-names-color-codes-and-fun-facts/
6
+
7
+ // All constants are set as optional assingment in case you
8
+ // want to overwrite the name in your Sass file, but why would you
9
+ // want to go and do that?
10
+
11
+ $mahogany: #cd4a4a !default
12
+
13
+ $fuzzy_wuzzy_brown: #cc6666 !default
14
+
15
+ $chestnut: #bc5d58 !default
16
+
17
+ $red_orange: #ff5349 !default
18
+
19
+ $sunset_orange: #fd5e53 !default
20
+
21
+ $bittersweet: #fd7c6e !default
22
+
23
+ $melon: #fdbcb4 !default
24
+
25
+ $outrageous_orange: #ff6e4a !default
26
+
27
+ $vivid_tangerine: #ffa089 !default
28
+
29
+ $burnt_sienna: #ea7e5d !default
30
+
31
+ $brown: #b4674d !default
32
+
33
+ $sepia: #a5694f !default
34
+
35
+ $orange: #ff7538 !default
36
+
37
+ $burnt_orange: #ff7f49 !default
38
+
39
+ $copper: #dd9475 !default
40
+
41
+ $mango_tango: #ff8243 !default
42
+
43
+ $atomic_tangerine: #ffa474 !default
44
+
45
+ $beaver: #9f8170 !default
46
+
47
+ $antique_brass: #cd9575 !default
48
+
49
+ $desert_sand: #efcdb8 !default
50
+
51
+ $raw_sienna: #d68a59 !default
52
+
53
+ $tumbleweed: #deaa88 !default
54
+
55
+ $tan: #faa76c !default
56
+
57
+ $peach: #ffcfab !default
58
+
59
+ $macaroni_and_cheese: #ffbd88 !default
60
+
61
+ $apricot: #fdd9b5 !default
62
+
63
+ $neon_carrot: #ffa343 !default
64
+
65
+ $almond: #efdbc5 !default
66
+
67
+ $yellow_orange: #ffb653 !default
68
+
69
+ $gold: #e7c697 !default
70
+
71
+ $shadow: #8a795d !default
72
+
73
+ $banana_mania: #fae7b5 !default
74
+
75
+ $sunglow: #ffcf48 !default
76
+
77
+ $goldenrod: #fcd975 !default
78
+
79
+ $dandelion: #fddb6d !default
80
+
81
+ $yellow: #fce883 !default
82
+
83
+ $green_yellow: #f0e891 !default
84
+
85
+ $spring_green: #eceabe !default
86
+
87
+ $olive_green: #bab86c !default
88
+
89
+ $laser_lemon: #fdfc74 !default
90
+
91
+ $unmellow_yellow: #fdfc74 !default
92
+
93
+ $canary: #ffff99 !default
94
+
95
+ $yellow_green: #c5e384 !default
96
+
97
+ $inch_worm: #b2ec5d !default
98
+
99
+ $asparagus: #87a96b !default
100
+
101
+ $granny_smith_apple: #a8e4a0 !default
102
+
103
+ $electric_lime: #1df914 !default
104
+
105
+ $screamin_green: #76ff7a !default
106
+
107
+ $fern: #71bc78 !default
108
+
109
+ $forest_green: #6dae81 !default
110
+
111
+ $sea_green: #9fe2bf !default
112
+
113
+ $green: #1cac78 !default
114
+
115
+ $mountain_meadow: #30ba8f !default
116
+
117
+ $shamrock: #45cea2 !default
118
+
119
+ $jungle_green: #3bb08f !default
120
+
121
+ $caribbean_green: #1cd3a2 !default
122
+
123
+ $tropical_rain_forest: #17806d !default
124
+
125
+ $pine_green: #158078 !default
126
+
127
+ $robin_egg_blue: #1fcecb !default
128
+
129
+ $aquamarine: #78dbe2 !default
130
+
131
+ $turquoise_blue: #77dde7 !default
132
+
133
+ $sky_blue: #80daeb !default
134
+
135
+ $outer_space: #414a4c !default
136
+
137
+ $blue_green: #199ebd !default
138
+
139
+ $pacific_blue: #1ca9c9 !default
140
+
141
+ $cerulean: #1dacd6 !default
142
+
143
+ $cornflower: #9aceeb !default
144
+
145
+ $midnight_blue: #1a4876 !default
146
+
147
+ $navy_blue: #1974d2 !default
148
+
149
+ $denim: #2b6cc4 !default
150
+
151
+ $blue: #1f75fe !default
152
+
153
+ $periwinkle: #c5d0e6 !default
154
+
155
+ $cadet_blue: #b0b7c6 !default
156
+
157
+ $indigo: #5d76cb !default
158
+
159
+ $wild_blue_yonder: #a2add0 !default
160
+
161
+ $manatee: #979aaa !default
162
+
163
+ $blue_bell: #adadd6 !default
164
+
165
+ $blue_violet: #7366bd !default
166
+
167
+ $purple_heart: #7442c8 !default
168
+
169
+ $royal_purple: #7851a9 !default
170
+
171
+ $purple_mountains_majesty: #9d81ba !default
172
+
173
+ $violet_purple: #926eae !default
174
+
175
+ $wisteria: #cda4de !default
176
+
177
+ $vivid_violet: #8f509d !default
178
+
179
+ $fuchsia: #c364c5 !default
180
+
181
+ $shocking_pink: #fb7efd !default
182
+
183
+ $pink_flamingo: #fc74fd !default
184
+
185
+ $plum: #8e4585 !default
186
+
187
+ $hot_magenta: #ff1dce !default
188
+
189
+ $purple_pizzazz: #ff1dce !default
190
+
191
+ $razzle_dazzle_rose: #ff48d0 !default
192
+
193
+ $orchid: #e6a8d7 !default
194
+
195
+ $red_violet: #c0448f !default
196
+
197
+ $eggplant: #6e5160 !default
198
+
199
+ $cerise: #dd4492 !default
200
+
201
+ $wild_strawberry: #ff43a4 !default
202
+
203
+ $magenta: #f664af !default
204
+
205
+ $lavender: #fcb4d5 !default
206
+
207
+ $cotton_candy: #ffbcd9 !default
208
+
209
+ $violet_red: #f75394 !default
210
+
211
+ $carnation_pink: #ffaacc !default
212
+
213
+ $razzmatazz: #e3256b !default
214
+
215
+ $piggy_pink: #fdd7e4 !default
216
+
217
+ $jazzberry_jam: #ca3767 !default
218
+
219
+ $blush: #de5d83 !default
220
+
221
+ $tickle_me_pink: #fc89ac !default
222
+
223
+ $pink_sherbet: #f780a1 !default
224
+
225
+ $maroon: #c8385a !default
226
+
227
+ $red: #ee204d !default
228
+
229
+ $radical_red: #ff496c !default
230
+
231
+ $mauvelous: #ef98aa !default
232
+
233
+ $wild_watermelon: #fc6c85 !default
234
+
235
+ $scarlet: #fc2847 !default
236
+
237
+ $salmon: #ff9baa !default
238
+
239
+ $brick_red: #cb4154 !default
240
+
241
+ $white: #ededed !default
242
+
243
+ $timberwolf: #dbd7d2 !default
244
+
245
+ $silver: #cdc5c2 !default
246
+
247
+ $gray: #95918c !default
248
+
249
+ $black: #232323 !default
@@ -0,0 +1,189 @@
1
+ // ----------------------------------------------------------------------------------------------------------------
2
+ //
3
+ // Graphpaper's Grid System
4
+ // ========================
5
+ //
6
+ // Based on Chris Eppstein's Sassification of the Blueprint CSS framework,
7
+ // Graphpaper's grid library aims at creating a simple, lightweight way to
8
+ // build a fixed-width grid-based layout with the least amount of
9
+ // public-facing mixins.
10
+ //
11
+ // This library is, admittedly, not as well tested as Blueprint; but should
12
+ // work just fine under modern browsers. For browsers that don't implement
13
+ // the :last-child pseudo-selector (:cough: IE :cough:), mix +last
14
+ // into the last element in a container in your IE stylesheet.
15
+ //
16
+ // ----------------------------------------------------------------------------------------------------------------
17
+
18
+ // Imports required libraries
19
+
20
+ @import compass/utilities/general/float.sass
21
+ @import compass/utilities/general/clearfix.sass
22
+ @import graphpaper/modules/colors.sass
23
+
24
+ // Default grid constants. It's pretty much the same as Blueprint but with one
25
+ // important exception. Graphpaper can add padding to the left of the grid
26
+ // container to add a little breathing room.
27
+
28
+ $graphpaper_grid_columns: 24 !default
29
+
30
+ $graphpaper_grid_width: 30px !default
31
+
32
+ $graphpaper_grid_margin: 10px !default
33
+
34
+ $graphpaper_grid_padding: 10px !default
35
+
36
+ $graphpaper_grid_outer_width: $graphpaper_grid_width + $graphpaper_grid_margin
37
+
38
+ $graphpaper_container_size: $graphpaper_grid_outer_width * $graphpaper_grid_columns - $graphpaper_grid_margin
39
+
40
+ // ----------------------------------------------------------------------------------------------------------------
41
+ //
42
+ // MIXIN: grid-container(center[true], add_padding_if_not_centered[true])
43
+ // USAGE: --- PUBLIC ---
44
+ // This mixin should be used on the element containing the contents of your
45
+ // page. By default, the grid is set to be aligned to the center of the
46
+ // browser window. By setting the first argument to "false", the grid
47
+ // will be aligned to the left side of the page. Additionally, this will
48
+ // trigger padding to be automatically added to the left side of the
49
+ // grid container. You can turn this off, by setting the second argument
50
+ // to "false" [ex. +grid-container(false, false)]
51
+
52
+ =grid-container($center: true, $add_padding: true)
53
+ @if $center
54
+ margin: 0px auto
55
+ @else
56
+ @if $add_padding
57
+ padding-left: $graphpaper_grid_padding
58
+ width: $graphpaper_container_size
59
+ +clearfix
60
+
61
+ // ----------------------------------------------------------------------------------------------------------------
62
+ //
63
+ // MIXIN: container
64
+ // USAGE: --- PUBLIC ---
65
+ // This mixin is intended for page elements that contain any number of grid
66
+ // columns. It provides the float clear for these internal columns.
67
+
68
+ =container
69
+ display: block
70
+ width: 100%
71
+ +clearfix
72
+
73
+ // ----------------------------------------------------------------------------------------------------------------
74
+ //
75
+ // MIXIN: last
76
+ // USAGE: --- PUBLIC ---
77
+ // The last mixin should be used in your IE stylesheet to remove the gutter
78
+ // from the last column in a container. Stylesheets targeting modern browsers
79
+ // such as Safari, Firefox, or Chrome do not need to add mixin because the
80
+ // column mixin utilizes the :last-child psuedo selector to automatically
81
+ // remove the gutter. Isn't that nice?
82
+
83
+ =last
84
+ margin-right: 0
85
+
86
+ // ----------------------------------------------------------------------------------------------------------------
87
+ //
88
+ // MIXIN: column-span(number_of_columns, add_right_gutter[false])
89
+ // USAGE: --- PRIVATE --
90
+ // You should never need to use this mixin in your own stylesheets. Graphpaper
91
+ // uses the column-span to set the width of a column
92
+
93
+ =column-span($n)
94
+ width: $graphpaper_grid_width * $n + $graphpaper_grid_margin * ($n - 1)
95
+
96
+ // ----------------------------------------------------------------------------------------------------------------
97
+ //
98
+ // MIXIN: column(number_of_columns, add_right_gutter[false])
99
+ // USAGE: --- PUBLIC ---
100
+ // Use +column for any element that you would like to become part of the grid structure of your document.
101
+ // These work almost exactly like Blueprint columns with a few exceptions:
102
+ //
103
+ // 1. By default, the column mixin will make the scoped element span one grid column. You can change this
104
+ // by setting the first argument to an integer equal to the number of columns you wish the element
105
+ // to span.
106
+ // 2. You do not need to add "true" as the second argument to denote the last column in a container. This
107
+ // mixin uses the :last-child selector to automatically remove the gutter for the last column. This,
108
+ // however, does not work in Internet Explorer. To compensate for this, you should add the +last mixin
109
+ // to the last element in your conditional IE stylesheet. Should Microsoft ever get its head out of its
110
+ // ass and decide to implement :last-child, I won't need to go back and change this code.
111
+ // 3. Sometimes, you might want to add some right-side padding to a column (maybe to make it look like a
112
+ // double gutter). You can do this by setting the second argument to "true".
113
+ //
114
+ // This is a pretty important mixin, so some examples shoule be in order.
115
+ //
116
+ // Example 1: Spanning an element over 5 columns
117
+ // +column(5)
118
+ //
119
+ // Example 2: Spanning an element 2 columns, and adding padding to the right equal to the gutter width
120
+ // +column(5, true)
121
+
122
+ =column($n: 1)
123
+ +float(left)
124
+ +column-span($n)
125
+ margin-right: $graphpaper_grid_margin
126
+ &:last-child
127
+ +last
128
+
129
+ // ----------------------------------------------------------------------------------------------------------------
130
+ //
131
+ // MIXIN: prepend(number_of_columns)
132
+ // USAGE: --- PUBLIC --
133
+ // Add padding to the left of a column equal to the number of columns in the mixin argument. The mixin
134
+ // defaults to prepending the element with a single column.
135
+
136
+ =prepend($n: 1)
137
+ padding-left: $graphpaper_grid_outer_width * $n
138
+
139
+ // ----------------------------------------------------------------------------------------------------------------
140
+ //
141
+ // MIXIN: append(number_of_columns)
142
+ // USAGE: --- PUBLIC ---
143
+ // Add padding to the right of a column equal to the number of columns in the mixin's argument. The mixin
144
+ // defaults to appending the element with a single column.
145
+
146
+ =append($n: 1)
147
+ padding-right: $graphpaper_grid_outer_width * $n
148
+
149
+ // ----------------------------------------------------------------------------------------------------------------
150
+ //
151
+ // MIXIN: push(number_of_columns)
152
+ // USAGE: --- PUBLIC ---
153
+ // Moves an element to the right equal to the number of columns specified in the mixin's argument. The mixin
154
+ // defaults to pushing the element a single column.
155
+
156
+ =push($n: 1)
157
+ +float(left)
158
+ margin-left: $graphpaper_grid_outer_width * $n
159
+
160
+ // ----------------------------------------------------------------------------------------------------------------
161
+ //
162
+ // MIXIN: pull(number_of_columns)
163
+ // USAGE: --- PUBLIC ---
164
+ // Pulls an element to the left equal to the number of columns specified in the mixin's argument. The mixin
165
+ // defaults to pulling the element a single column.
166
+
167
+ =pull($n: 1)
168
+ +float(left)
169
+ margin-left: $graphpaper_grid_outer_width * $n * -1
170
+
171
+ // ----------------------------------------------------------------------------------------------------------------
172
+ //
173
+ // MIXIN: border(hex_value_of_border_color)
174
+ // USAGE: --- PUBLIC ---
175
+ // Adds a border to the right of the scoped element. The color of the border defaults to gray as defined
176
+ // in Graphpaper's color file.
177
+
178
+ =border($border_color: $gray)
179
+ padding-right: $graphpaper_column_gutter / 2 - 1
180
+ margin-right: $graphpaper_column_gutter / 2
181
+ border-right: 1px solid #{$border_color}
182
+
183
+ // --- THIS IS A TEST MIXIN ---
184
+ // It would be good to have a mixing that helps keep verical rhythm in line
185
+ // with the gutters in our grid. It should also be able to scale by multiples
186
+ // of *n* to ensure the creation of proportional margins between containers
187
+
188
+ =row-margin($n: 1)
189
+ margin-bottom: $graphpaper_grid_margin * $n
@@ -0,0 +1,3 @@
1
+ @import compass/utilities/general/reset.sass
2
+
3
+ +global-reset
@@ -0,0 +1,31 @@
1
+ // Set type to a baseline using the values in this article from A List Apart
2
+ // http://www.alistapart.com/articles/settingtypeontheweb
3
+
4
+ !default_font_size ||= 12px
5
+ !line_height_multiplier ||= 1.5
6
+ !line_height = !default_font_size * !line_height_multiplier
7
+
8
+ body
9
+ :font-family "Helvetica"
10
+ :font-size #{!default_font_size}
11
+ :line-height #{!line_height}
12
+
13
+ p
14
+ :margin-bottom #{!line_height}
15
+
16
+ h1, h2, h3, h4, h5
17
+ :font-weight bold
18
+
19
+ h1
20
+ :font-size = !default_font_size * 2
21
+ :line-height = !line_height * 2
22
+ :margin-bottom #{!line_height}
23
+
24
+ h2
25
+ :font-size #{!line_height}
26
+ :line-height #{!line_height}
27
+ :margin-bottom #{!line_height}
28
+
29
+ h3, h4, h5
30
+ :font-size #{!default_font_size}
31
+ :line-height #{!line_height}
File without changes
File without changes
File without changes
@@ -0,0 +1,69 @@
1
+ // --------------------------------------------------------------------
2
+ // Graphpaper Base File
3
+ // ========================
4
+ //
5
+ // Use this define the styles for common elements throughout your site
6
+ // and import any other supporting Sass files.
7
+ //
8
+ // --------------------------------------------------------------------
9
+
10
+ // Step 1. Initialize Your Grid
11
+ //
12
+ // Relevant Mixin
13
+ //
14
+ // +grid-container(center = true, add_padding_if_not_centered = true)
15
+ //
16
+ // In order to initialize the Graphpaper grid module, you need to mix
17
+ // +grid-container into the element that contains the content of your
18
+ // page.
19
+ //
20
+ // Example (uncomment and modify for your own use)
21
+ //
22
+ // #pageContainer
23
+ // +grid-container
24
+ //
25
+ // If you wish to align your grid container to the left of the page
26
+ // and add padding based on the values in _config.sass,
27
+ // +grid-container has two vailable arguments.
28
+ //
29
+ // The first argument sets positioning of the grid. Graphpaper's
30
+ // default behavior is to center the element on the page. If you wish
31
+ // to align the element to the left of the page, set the first
32
+ // argument to false.
33
+ //
34
+ // #pageContainer
35
+ // +grid-container(false)
36
+ //
37
+ // Aligning the container to the left will automatically add a
38
+ // :padding-left property to the element equal to the value of
39
+ // !graphpaper_grid_padding in _config.sass
40
+ //
41
+ // To disable the padding, add a second "false" argument to grid-container
42
+ //
43
+ // #pageContainer
44
+ // +grid-container(false, false)
45
+ //
46
+
47
+ // Step 2. Style Common Site Elements
48
+ //
49
+ // Below, style common elements that appear across your site. Examples
50
+ // may include page headers, global navigation, or site footers.
51
+
52
+ // @import common/typography.sass
53
+ // @import common/header.sass
54
+ // @import common/footer.sass
55
+
56
+
57
+ // Step 3. Layout the Rest of Your Site
58
+ //
59
+ // Graphpaper's recommendation is to set the id element of each page on
60
+ // your site to the same name as the sass file that will style it. Scope
61
+ // all elements under body#id_name for an easy way keep your project
62
+ // maintainable. Generally, this id name will be the section of the site
63
+ // the content falls under. Examples include "home", "archives", and
64
+ // "contact".
65
+ //
66
+ // If this recommendation works for you, import those files below. Order
67
+ // will not matter since scoping under the body tag should eleminiate any
68
+ // issues that may arise from commonly named elements across different
69
+ // sections of your site.
@@ -0,0 +1,26 @@
1
+ // --------------------------------------------------------------------
2
+ // Graphpaper Configuration
3
+ // ========================
4
+ //
5
+ // These are values for the default Graphpaper grid. They will produce
6
+ // the standard 950px Blueprint layout.
7
+ //
8
+ // The !graphpaper_grid_padding value is not used unless you opt to
9
+ // left align your site by mixing +grid-container(false) in which
10
+ // case, it will apply the value to the :padding-left property of
11
+ // the element containing the grid.
12
+ //
13
+ // --------------------------------------------------------------------
14
+
15
+ !graphpaper_grid_columns = 24
16
+ !graphpaper_grid_width = 30px
17
+ !graphpaper_grid_margin = 10px
18
+ !graphpaper_grid_padding = 10px
19
+
20
+ !default_font_size = 12px
21
+ !line_height_multiplier = 1.5
22
+
23
+ // If this is your first time in this file, your next step will probably
24
+ // be in partials/_base.sass. There Graphpaper will walk you through
25
+ // applying the grid on your site and recommend some best practicies that
26
+ // will make it easier to work with Graphpaper.
@@ -0,0 +1 @@
1
+ @import graphpaper/ie.sass
@@ -0,0 +1,8 @@
1
+ stylesheet 'config/_settings.sass'
2
+ stylesheet 'config/_base.sass'
3
+ stylesheet 'common/_footer.sass'
4
+ stylesheet 'common/_header.sass'
5
+ stylesheet 'common/_typography.sass'
6
+ stylesheet 'screen.sass', :media => 'screen, projection'
7
+ stylesheet 'print.sass', :media => 'print'
8
+ stylesheet 'ie.sass', :media => 'screen, projection', :condition => "lt IE 8"
@@ -0,0 +1 @@
1
+ @import graphpaper/print.sass
@@ -0,0 +1,7 @@
1
+ // Order here matters. Config needs to be imported before the Graphpaper
2
+ // screen stylesheet in order to override any changes to the default grid
3
+ // settings.
4
+
5
+ @import config/_settings.sass
6
+ @import graphpaper/screen.sass
7
+ @import config/_base.sass
metadata ADDED
@@ -0,0 +1,91 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: graphpaper
3
+ version: !ruby/object:Gem::Version
4
+ prerelease: false
5
+ segments:
6
+ - 0
7
+ - 0
8
+ - 1
9
+ version: 0.0.1
10
+ platform: ruby
11
+ authors:
12
+ - Alex Cabrera
13
+ autorequire:
14
+ bindir: bin
15
+ cert_chain: []
16
+
17
+ date: 2010-04-27 00:00:00 -04:00
18
+ default_executable:
19
+ dependencies: []
20
+
21
+ description: A lightweight fixed-grid Compass framework for Ruby curmudgeons.
22
+ email: alex@policus.com
23
+ executables: []
24
+
25
+ extensions: []
26
+
27
+ extra_rdoc_files:
28
+ - README
29
+ - lib/graphpaper.rb
30
+ files:
31
+ - INSTALL
32
+ - README
33
+ - Rakefile
34
+ - lib/graphpaper.rb
35
+ - stylesheets/_graphpaper.sass
36
+ - stylesheets/graphpaper/_ie.sass
37
+ - stylesheets/graphpaper/_print.sass
38
+ - stylesheets/graphpaper/_screen.sass
39
+ - stylesheets/graphpaper/modules/_colors.sass
40
+ - stylesheets/graphpaper/modules/_grid.sass
41
+ - stylesheets/graphpaper/modules/_reset.sass
42
+ - stylesheets/graphpaper/modules/_typography.sass
43
+ - templates/project/common/_footer.sass
44
+ - templates/project/common/_header.sass
45
+ - templates/project/common/_typography.sass
46
+ - templates/project/config/_base.sass
47
+ - templates/project/config/_settings.sass
48
+ - templates/project/ie.sass
49
+ - templates/project/manifest.rb
50
+ - templates/project/print.sass
51
+ - templates/project/screen.sass
52
+ - Manifest
53
+ - graphpaper.gemspec
54
+ has_rdoc: true
55
+ homepage: http://github.com/alexcabrera/compas-graphpaper/
56
+ licenses: []
57
+
58
+ post_install_message:
59
+ rdoc_options:
60
+ - --line-numbers
61
+ - --inline-source
62
+ - --title
63
+ - Graphpaper
64
+ - --main
65
+ - README
66
+ require_paths:
67
+ - lib
68
+ required_ruby_version: !ruby/object:Gem::Requirement
69
+ requirements:
70
+ - - ">="
71
+ - !ruby/object:Gem::Version
72
+ segments:
73
+ - 0
74
+ version: "0"
75
+ required_rubygems_version: !ruby/object:Gem::Requirement
76
+ requirements:
77
+ - - ">="
78
+ - !ruby/object:Gem::Version
79
+ segments:
80
+ - 1
81
+ - 2
82
+ version: "1.2"
83
+ requirements: []
84
+
85
+ rubyforge_project: graphpaper
86
+ rubygems_version: 1.3.6
87
+ signing_key:
88
+ specification_version: 3
89
+ summary: A lightweight fixed-grid Compass framework for Ruby curmudgeons.
90
+ test_files: []
91
+