bearded_grid 0.0.4

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.
@@ -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: []