compass-squaregrid-plugin 0.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.
data/.gitignore ADDED
@@ -0,0 +1,22 @@
1
+ ## MAC OS
2
+ .DS_Store
3
+
4
+ ## TEXTMATE
5
+ *.tmproj
6
+ tmtags
7
+
8
+ ## EMACS
9
+ *~
10
+ \#*
11
+ .\#*
12
+
13
+ ## VIM
14
+ *.swp
15
+
16
+ ## PROJECT::GENERAL
17
+ coverage
18
+ rdoc
19
+ pkg
20
+
21
+ ## PROJECT::SPECIFIC
22
+ test.rb
data/README.mkdn ADDED
@@ -0,0 +1,59 @@
1
+ 960 Grid System - Compass Plugin
2
+ ================================
3
+
4
+ * Port of Version 1.0
5
+ * 2008-03-24
6
+
7
+ Created by Nathan Smith. See the official site for more info: <http://960.gs/>
8
+
9
+ ---------
10
+
11
+ This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
12
+
13
+ Install
14
+ =======
15
+
16
+ gem install compass-960-plugin
17
+
18
+ Create a 960-based Compass Project
19
+ ==================================
20
+
21
+ compass create -r ninesixty my_project --using 960
22
+
23
+ Or, If you prefer to use Sass's indentation based syntax:
24
+
25
+ compass create -r ninesixty my_project --using 960 --syntax sass
26
+
27
+ Then edit your `grid.sass` and `text.sass` files accordingly. A reset is added into grid.sass automatically.
28
+
29
+ Customizing your Grid System
30
+ ============================
31
+
32
+ To create a grid system with other number of columns use the `+grid-system` mixin to generate
33
+ the corresponding classes.
34
+
35
+ Example:
36
+
37
+ #wrap
38
+ +grid-system(24)
39
+
40
+ Making Semantic Grids
41
+ =====================
42
+
43
+ * Use the `+grid-container` mixin to declare your container element.
44
+ * Use the `+grid` mixin to declare a grid element.
45
+ * Use the `+alpha` and `+omega` mixins to declare the first and last grid elements for a row.
46
+ * User the `+grid-prefix` and `+grid-suffix` mixins to add grid columns before or after a grid element.
47
+
48
+ Example:
49
+
50
+ #wrap
51
+ +grid-container
52
+ #left-nav
53
+ +alpha
54
+ +grid(5,16)
55
+ #main-content
56
+ +grid-prefix(1,16)
57
+ +grid(10, 16)
58
+ +omega
59
+
data/Rakefile ADDED
@@ -0,0 +1,60 @@
1
+ require 'rubygems'
2
+ require 'rake'
3
+ require 'rake/rdoctask'
4
+
5
+
6
+ begin
7
+ require 'jeweler'
8
+ Jeweler::Tasks.new do |gem|
9
+ gem.name = "compass-squaregrid-plugin"
10
+ gem.summary = %Q{The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/ }
11
+ gem.description = %Q{The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/}
12
+ gem.email = "me@davidjrice.co.uk"
13
+ gem.homepage = "http://github.com/davidjrice/compass-squaregrid-plugin"
14
+ gem.authors = ["David Rice"]
15
+ gem.add_dependency "compass", ">= 0.10.0"
16
+ end
17
+ Jeweler::GemcutterTasks.new
18
+ rescue LoadError
19
+ puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
20
+ end
21
+
22
+ begin
23
+ require 'spec/rake/spectask'
24
+ Spec::Rake::SpecTask.new do |t|
25
+ t.spec_files = FileList['spec/**/*_spec.rb']
26
+ t.verbose = true
27
+ end
28
+ rescue LoadError
29
+ task :spec do
30
+ abort "RSpec is not available. In order to run specs, you must: sudo gem install rspec"
31
+ end
32
+ end
33
+
34
+ begin
35
+ require 'rcov/rcovtask'
36
+ Rcov::RcovTask.new do |test|
37
+ test.libs << 'test'
38
+ test.pattern = 'test/**/test_*.rb'
39
+ test.verbose = true
40
+ end
41
+ rescue LoadError
42
+ task :rcov do
43
+ abort "RCov is not available. In order to run rcov, you must: sudo gem install rcov"
44
+ end
45
+ end
46
+
47
+ task :test => :check_dependencies
48
+
49
+ task :default => :test
50
+
51
+ Rake::RDocTask.new do |rdoc|
52
+ version = File.exist?('VERSION') ? File.read('VERSION') : ""
53
+
54
+ rdoc.rdoc_dir = 'rdoc'
55
+ rdoc.title = "DeviceAtlas #{version}"
56
+ rdoc.rdoc_files.include('README*')
57
+ rdoc.rdoc_files.include('lib/**/*.rb')
58
+ end
59
+
60
+
data/VERSION ADDED
@@ -0,0 +1 @@
1
+ 0.0.1
@@ -0,0 +1,50 @@
1
+ # Generated by jeweler
2
+ # DO NOT EDIT THIS FILE DIRECTLY
3
+ # Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
4
+ # -*- encoding: utf-8 -*-
5
+
6
+ Gem::Specification.new do |s|
7
+ s.name = %q{compass-squaregrid-plugin}
8
+ s.version = "0.0.1"
9
+
10
+ s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
+ s.authors = ["David Rice"]
12
+ s.date = %q{2010-10-27}
13
+ s.description = %q{The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/}
14
+ s.email = %q{me@davidjrice.co.uk}
15
+ s.extra_rdoc_files = [
16
+ "README.mkdn"
17
+ ]
18
+ s.files = [
19
+ ".gitignore",
20
+ "README.mkdn",
21
+ "Rakefile",
22
+ "VERSION",
23
+ "compass-squaregrid-plugin.gemspec",
24
+ "lib/squaregrid.rb",
25
+ "stylesheets/squaregrid/_grid.sass",
26
+ "stylesheets/squaregrid/_text.sass",
27
+ "templates/project/grid.sass",
28
+ "templates/project/manifest.rb",
29
+ "templates/project/text.sass"
30
+ ]
31
+ s.homepage = %q{http://github.com/davidjrice/compass-squaregrid-plugin}
32
+ s.rdoc_options = ["--charset=UTF-8"]
33
+ s.require_paths = ["lib"]
34
+ s.rubygems_version = %q{1.3.6}
35
+ s.summary = %q{The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/}
36
+
37
+ if s.respond_to? :specification_version then
38
+ current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
39
+ s.specification_version = 3
40
+
41
+ if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
42
+ s.add_runtime_dependency(%q<compass>, [">= 0.10.0"])
43
+ else
44
+ s.add_dependency(%q<compass>, [">= 0.10.0"])
45
+ end
46
+ else
47
+ s.add_dependency(%q<compass>, [">= 0.10.0"])
48
+ end
49
+ end
50
+
data/lib/squaregrid.rb ADDED
@@ -0,0 +1,2 @@
1
+ require 'compass'
2
+ Compass::Frameworks.register("squaregrid", :path => "#{File.dirname(__FILE__)}/..")
@@ -0,0 +1,91 @@
1
+ $squaregrid-bleed-width: 14px !default
2
+ $squaregrid-gutter-width: 28px !default
3
+ $squaregrid-grid-width: 1008px !default
4
+ $squaregrid-columns: 35 !default
5
+
6
+ =grid-wrap
7
+ margin-left: auto
8
+ margin-right: auto
9
+ width: $squaregrid-grid-width - $squaregrid-bleed-width
10
+ overflow: hidden
11
+
12
+ =grid-container
13
+ margin-left: -$squaregrid-bleed-width/2
14
+ width: $squaregrid-grid-width
15
+
16
+ =grid-width($n, $cols: $squaregrid-columns, $gutter-width: $squaregrid-gutter-width)
17
+ width: ($squaregrid-grid-width - $gutter-width) / $cols * $n
18
+
19
+ =grid-unit-base($gutter-width: $squaregrid-gutter-width)
20
+ display: inline
21
+ float: left
22
+ margin:
23
+ left: $gutter-width / 2
24
+ right: $gutter-width / 2
25
+ bottom: $gutter-width
26
+
27
+ =grid($n, $cols: $squaregrid-columns, $gutter-width: $squaregrid-gutter-width)
28
+ +grid-unit-base($gutter-width)
29
+ +grid-width($n, $cols, $gutter-width)
30
+
31
+ =alpha
32
+ margin-left: 0
33
+
34
+ =omega
35
+ margin-right: 0
36
+
37
+ =grids($cols: $squaregrid-columns, $gutter-width: $squaregrid-gutter-width)
38
+ #{enumerate(".grid", 1, $cols, "_")}
39
+ +grid-unit-base
40
+ @for $n from 1 through $cols
41
+ .grid_#{$n}
42
+ +grid-width($n, $cols, $gutter-width)
43
+
44
+ =grid-prefix($n, $cols: $squaregrid-columns)
45
+ padding-left: $squaregrid-grid-width / $cols * $n
46
+
47
+ =grid-prefixes($cols: $squaregrid-columns)
48
+ @for $n from 1 through $cols - 1
49
+ .prefix_#{$n}
50
+ +grid-prefix($n, $cols)
51
+
52
+ =grid-suffix($n, $cols: $squaregrid-columns)
53
+ padding-right: $squaregrid-grid-width / $cols * $n
54
+
55
+ =grid-suffixes($cols: $squaregrid-columns)
56
+ @for $n from 1 through $cols - 1
57
+ .suffix_#{$n}
58
+ +grid-suffix($n, $cols)
59
+
60
+ =grid-children
61
+ .alpha
62
+ +alpha
63
+ .omega
64
+ +omega
65
+
66
+ =grid-move-base
67
+ position: relative
68
+
69
+ =grid-push($n, $cols)
70
+ left: ($squaregrid-grid-width / $cols) * $n
71
+
72
+ =grid-pull($n, $cols)
73
+ left: -($squaregrid-grid-width / $cols) * $n
74
+
75
+ =grid-movements($cols: $squaregrid-columns)
76
+ #{enumerate(".push", 1, $cols, "_")},
77
+ #{enumerate(".pull", 1, $cols, "_")}
78
+ +grid-move-base
79
+ @for $n from 1 through $cols
80
+ .push_#{$n}
81
+ +grid-push($n, $cols)
82
+ .pull_#{$n}
83
+ +grid-pull($n, $cols)
84
+
85
+ =grid-system($cols: $squaregrid-columns)
86
+ +grid-container
87
+ +grids($cols)
88
+ +grid-prefixes($cols)
89
+ +grid-suffixes($cols)
90
+ +grid-children
91
+ +grid-movements($cols)
@@ -0,0 +1,47 @@
1
+ $ninesixty-font-family: unquote("Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif") !default
2
+
3
+ =text($font-family: $ninesixty-font-family)
4
+ body
5
+ font: unquote("13px/1.5") $font-family
6
+ a:focus
7
+ outline: 1px dotted invert
8
+ hr
9
+ border-color: #cccccc
10
+ border-style: solid
11
+ border-width: 1px 0 0
12
+ clear: both
13
+ height: 0
14
+ h1
15
+ font-size: 25px
16
+ h2
17
+ font-size: 23px
18
+ h3
19
+ font-size: 21px
20
+ h4
21
+ font-size: 19px
22
+ h5
23
+ font-size: 17px
24
+ h6
25
+ font-size: 15px
26
+ ol
27
+ list-style: decimal
28
+ ul
29
+ list-style: square
30
+ li
31
+ margin-left: 30px
32
+ p,
33
+ dl,
34
+ hr,
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6,
41
+ ol,
42
+ ul,
43
+ pre,
44
+ table,
45
+ address,
46
+ fieldset
47
+ margin-bottom: 20px
@@ -0,0 +1,32 @@
1
+ /* 960 Grid System ~ Core CSS.
2
+ * Learn more ~ http://960.gs/
3
+ * *
4
+ * Licensed under GPL and MIT.
5
+
6
+ @import compass/reset
7
+ @import 960/grid
8
+
9
+ // The following generates the default grids provided by the css version of 960.gs
10
+ .container_12
11
+ +grid-system(12)
12
+
13
+ .container_16
14
+ +grid-system(16)
15
+
16
+ // But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
17
+
18
+ $ninesixty-columns: 24
19
+
20
+ .two-column
21
+ +grid-container
22
+ #header,
23
+ #footer,
24
+ #sidebar,
25
+ #main-content
26
+ +grid-unit-base
27
+ #header, #footer
28
+ +grid-width(24)
29
+ #sidebar
30
+ +grid-width(8)
31
+ #main-content
32
+ +grid-width(16)
@@ -0,0 +1,17 @@
1
+ stylesheet 'grid.sass', :media => "screen, projection"
2
+ stylesheet 'text.sass', :media => "screen, projection"
3
+
4
+ description "The 960 Grid System."
5
+
6
+ help %Q{
7
+ Please see the 960 website for documentation:
8
+
9
+ http://960.gs/
10
+ }
11
+
12
+ welcome_message %Q{
13
+ Please see the 960 website for documentation:
14
+
15
+ http://960.gs/
16
+ }
17
+
@@ -0,0 +1,8 @@
1
+ /* 960 Grid System ~ Text CSS.
2
+ * Learn more ~ http://960.gs/
3
+ * *
4
+ * Licensed under GPL and MIT.
5
+
6
+ @import 960/text
7
+
8
+ +text
metadata ADDED
@@ -0,0 +1,85 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: compass-squaregrid-plugin
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
+ - David Rice
13
+ autorequire:
14
+ bindir: bin
15
+ cert_chain: []
16
+
17
+ date: 2010-10-27 00:00:00 +01:00
18
+ default_executable:
19
+ dependencies:
20
+ - !ruby/object:Gem::Dependency
21
+ name: compass
22
+ prerelease: false
23
+ requirement: &id001 !ruby/object:Gem::Requirement
24
+ requirements:
25
+ - - ">="
26
+ - !ruby/object:Gem::Version
27
+ segments:
28
+ - 0
29
+ - 10
30
+ - 0
31
+ version: 0.10.0
32
+ type: :runtime
33
+ version_requirements: *id001
34
+ description: The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/
35
+ email: me@davidjrice.co.uk
36
+ executables: []
37
+
38
+ extensions: []
39
+
40
+ extra_rdoc_files:
41
+ - README.mkdn
42
+ files:
43
+ - .gitignore
44
+ - README.mkdn
45
+ - Rakefile
46
+ - VERSION
47
+ - compass-squaregrid-plugin.gemspec
48
+ - lib/squaregrid.rb
49
+ - stylesheets/squaregrid/_grid.sass
50
+ - stylesheets/squaregrid/_text.sass
51
+ - templates/project/grid.sass
52
+ - templates/project/manifest.rb
53
+ - templates/project/text.sass
54
+ has_rdoc: true
55
+ homepage: http://github.com/davidjrice/compass-squaregrid-plugin
56
+ licenses: []
57
+
58
+ post_install_message:
59
+ rdoc_options:
60
+ - --charset=UTF-8
61
+ require_paths:
62
+ - lib
63
+ required_ruby_version: !ruby/object:Gem::Requirement
64
+ requirements:
65
+ - - ">="
66
+ - !ruby/object:Gem::Version
67
+ segments:
68
+ - 0
69
+ version: "0"
70
+ required_rubygems_version: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - ">="
73
+ - !ruby/object:Gem::Version
74
+ segments:
75
+ - 0
76
+ version: "0"
77
+ requirements: []
78
+
79
+ rubyforge_project:
80
+ rubygems_version: 1.3.6
81
+ signing_key:
82
+ specification_version: 3
83
+ summary: The Square Grid System is a simple grid system for designers and developers http://thesquaregrid.com/
84
+ test_files: []
85
+