bearded_grid 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,19 @@
1
+ bearded-grid
2
+ ===========
3
+
4
+ Our RWD Grid System, Gemified.
5
+
6
+ In your main Compass "imports" file or wherever you like:
7
+
8
+ @import "compass";
9
+ @import "bearded/grid";
10
+
11
+ Then, you can use the grid as we always have.
12
+
13
+ Be sure to define a max-width on your container:
14
+
15
+ .container {
16
+ @include container(68.75em);
17
+ }
18
+
19
+ If you don't set a max-width, it will default to 81.25em (1300px).
@@ -0,0 +1 @@
1
+ @import "stylesheets/grid";
@@ -0,0 +1,24 @@
1
+ Gem::Specification.new do |s|
2
+ s.name = %q{bearded_grid}
3
+ s.version = "0.0.4"
4
+ s.date = "2013-02-18"
5
+
6
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
7
+ s.authors = ["Patrick Fulton", "Matt Griffin"]
8
+ s.description = %q{A responsive grid system from Bearded}
9
+ s.email = %w{patrick@bearded.com matt@bearded.com}
10
+ s.has_rdoc = false
11
+ s.files = [
12
+ "bearded_grid.gemspec",
13
+ "README.md",
14
+ "lib/bearded_grid.rb",
15
+ "_bearded-grid.scss",
16
+ "stylesheets/bearded/_grid.scss"
17
+ ]
18
+ s.homepage = %q{https://github.com/beardedstudio/bearded_grid}
19
+ s.require_paths = ["lib"]
20
+ s.rubygems_version = %q{1.3.6}
21
+ s.summary = %q{A responsive CSS grid system from Bearded}
22
+ s.add_dependency("sass", [">=3.2.5"])
23
+ s.add_dependency(%q<compass>, [">= 0.12.2"])
24
+ end
@@ -0,0 +1,9 @@
1
+ require 'compass'
2
+
3
+ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
4
+ Compass::Frameworks.register('bearded', :path => extension_path) if defined?(Compass)
5
+
6
+ module BeardedGrid
7
+ VERSION = "0.0.4"
8
+ DATE = "2013-02-18"
9
+ end
@@ -0,0 +1,121 @@
1
+ // Loosely based on 960.gs //
2
+
3
+ $gutter_width: 3.5%;
4
+ $columns: 12;
5
+ $column_width: 5.125%;
6
+ $grid_width: ((($column_width+($gutter_width))*$columns)-$gutter_width);
7
+
8
+ // A 16-column version of the grid:
9
+
10
+ // $gutter_width: 4%;
11
+ // $columns: 16;
12
+ // $column_width: 2.5%;
13
+ // $grid_width: ((($column_width+($gutter_width))*$columns)-$gutter_width);
14
+
15
+ @mixin container($max-width: 81.25em) {
16
+ width: $grid_width;
17
+ margin: auto;
18
+ max-width: $max-width;
19
+ *zoom: 1;
20
+ }
21
+
22
+ @function column_width($num) {
23
+ @return ($num * $column_width) + (($num - 1) * ($gutter_width));
24
+ }
25
+
26
+ @mixin column($num) {
27
+ display: inline;
28
+ float: left;
29
+ width: column_width($num);
30
+ margin-right: $gutter_width;
31
+ margin-left: 0;
32
+ }
33
+
34
+ @mixin prepend($num) {
35
+ margin-left: column_width($num) + ($gutter_width * 2);
36
+ }
37
+
38
+ @mixin append($num) {
39
+ margin-right: column_width($num) + ($gutter_width * 2);
40
+ }
41
+
42
+ @mixin last {
43
+ margin-right: 0;
44
+ }
45
+
46
+ @mixin last-col2 {
47
+ &:nth-of-type(n) {
48
+ margin-right: $gutter-width;
49
+ .lt-ie8 & {
50
+ margin-right: $gutter_width - 0.25%;
51
+ }
52
+ float: left;
53
+ clear: none;
54
+ }
55
+ &:nth-of-type(2n+2) {
56
+ @include last;
57
+ float: right;
58
+ }
59
+ &:nth-of-type(2n+3) {
60
+ clear: both;
61
+ }
62
+ }
63
+
64
+ @mixin last-col3 {
65
+ &:nth-of-type(n) {
66
+ margin-right: $gutter-width;
67
+ .lt-ie8 & {
68
+ margin-right: $gutter_width - 0.25%;
69
+ }
70
+ float: left;
71
+ clear: none;
72
+ }
73
+ &:nth-of-type(3n+3) {
74
+ @include last;
75
+ float: right;
76
+ }
77
+ &:nth-of-type(3n+4) {
78
+ clear: both;
79
+ }
80
+ }
81
+
82
+ @mixin last-col4 {
83
+ &:nth-of-type(n) {
84
+ margin-right: $gutter-width;
85
+ .lt-ie8 & {
86
+ margin-right: $gutter_width - 0.25%;
87
+ }
88
+ float: left;
89
+ clear: none;
90
+ }
91
+ &:nth-of-type(4n+4) {
92
+ @include last;
93
+ float: right;
94
+ }
95
+ &:nth-of-type(4n+5) {
96
+ clear: both;
97
+ }
98
+ }
99
+
100
+ @mixin last-col6 {
101
+ &:nth-of-type(n) {
102
+ margin-right: $gutter-width;
103
+ .lt-ie8 & {
104
+ margin-right: $gutter_width - 0.25%;
105
+ }
106
+ float: left;
107
+ clear: none;
108
+ }
109
+ &:nth-of-type(6n+6) {
110
+ @include last;
111
+ float: right;
112
+ }
113
+ &:nth-of-type(6n+7) {
114
+ clear: both;
115
+ }
116
+ }
117
+
118
+ @mixin mobile-grid {
119
+ padding-left: 2.5%;
120
+ padding-right: 2.5%;
121
+ }
metadata ADDED
@@ -0,0 +1,84 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: bearded_grid
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.4
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Patrick Fulton
9
+ - Matt Griffin
10
+ autorequire:
11
+ bindir: bin
12
+ cert_chain: []
13
+ date: 2013-02-18 00:00:00.000000000 Z
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: sass
17
+ requirement: !ruby/object:Gem::Requirement
18
+ none: false
19
+ requirements:
20
+ - - ! '>='
21
+ - !ruby/object:Gem::Version
22
+ version: 3.2.5
23
+ type: :runtime
24
+ prerelease: false
25
+ version_requirements: !ruby/object:Gem::Requirement
26
+ none: false
27
+ requirements:
28
+ - - ! '>='
29
+ - !ruby/object:Gem::Version
30
+ version: 3.2.5
31
+ - !ruby/object:Gem::Dependency
32
+ name: compass
33
+ requirement: !ruby/object:Gem::Requirement
34
+ none: false
35
+ requirements:
36
+ - - ! '>='
37
+ - !ruby/object:Gem::Version
38
+ version: 0.12.2
39
+ type: :runtime
40
+ prerelease: false
41
+ version_requirements: !ruby/object:Gem::Requirement
42
+ none: false
43
+ requirements:
44
+ - - ! '>='
45
+ - !ruby/object:Gem::Version
46
+ version: 0.12.2
47
+ description: A responsive grid system from Bearded
48
+ email:
49
+ - patrick@bearded.com
50
+ - matt@bearded.com
51
+ executables: []
52
+ extensions: []
53
+ extra_rdoc_files: []
54
+ files:
55
+ - bearded_grid.gemspec
56
+ - README.md
57
+ - lib/bearded_grid.rb
58
+ - _bearded-grid.scss
59
+ - stylesheets/bearded/_grid.scss
60
+ homepage: https://github.com/beardedstudio/bearded_grid
61
+ licenses: []
62
+ post_install_message:
63
+ rdoc_options: []
64
+ require_paths:
65
+ - lib
66
+ required_ruby_version: !ruby/object:Gem::Requirement
67
+ none: false
68
+ requirements:
69
+ - - ! '>='
70
+ - !ruby/object:Gem::Version
71
+ version: '0'
72
+ required_rubygems_version: !ruby/object:Gem::Requirement
73
+ none: false
74
+ requirements:
75
+ - - ! '>='
76
+ - !ruby/object:Gem::Version
77
+ version: 1.3.5
78
+ requirements: []
79
+ rubyforge_project:
80
+ rubygems_version: 1.8.24
81
+ signing_key:
82
+ specification_version: 3
83
+ summary: A responsive CSS grid system from Bearded
84
+ test_files: []