grid-coordinates 1.0.7 → 1.0.8
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/lib/grid-coordinates.rb +9 -1
- data/stylesheets/_grid-coordinates.sass +13 -11
- data/stylesheets/_grid-coordinates.scss +15 -13
- metadata +11 -9
data/lib/grid-coordinates.rb
CHANGED
|
@@ -1,2 +1,10 @@
|
|
|
1
|
+
require 'compass'
|
|
2
|
+
|
|
1
3
|
# path from the library file to where you're keeping your compass stuff.
|
|
2
|
-
Compass::Frameworks.register("grid-coordinates", :path => "#{File.dirname(__FILE__)}/..")
|
|
4
|
+
Compass::Frameworks.register("grid-coordinates", :path => "#{File.dirname(__FILE__)}/..")
|
|
5
|
+
|
|
6
|
+
module GridCoordinates
|
|
7
|
+
|
|
8
|
+
VERSION = "1.0.8".freeze
|
|
9
|
+
|
|
10
|
+
end
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
// Configure grid coordinates
|
|
4
4
|
$grid-columns: 12 !default
|
|
5
|
-
$grid-
|
|
5
|
+
$grid-width: 60px !default
|
|
6
6
|
$grid-gutter-width: 20px !default
|
|
7
7
|
|
|
8
8
|
@mixin grid-coordinates
|
|
@@ -12,7 +12,7 @@ $grid-gutter-width: 20px !default
|
|
|
12
12
|
.grid-container
|
|
13
13
|
margin: 0 auto
|
|
14
14
|
overflow: hidden
|
|
15
|
-
width: ($grid-columns * $grid-
|
|
15
|
+
width: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
|
|
16
16
|
.nested-grid-container
|
|
17
17
|
display: inline-block
|
|
18
18
|
margin:
|
|
@@ -20,9 +20,14 @@ $grid-gutter-width: 20px !default
|
|
|
20
20
|
right: -$grid-gutter-width / 2
|
|
21
21
|
overflow: hidden
|
|
22
22
|
width: auto
|
|
23
|
+
.grid-block
|
|
24
|
+
@include float-left
|
|
25
|
+
overflow: hidden
|
|
26
|
+
margin: 0 ($grid-gutter-width / 2)
|
|
23
27
|
@for $i from 1 through $grid-columns
|
|
24
28
|
.grid-#{$i}
|
|
25
29
|
@include grid($i)
|
|
30
|
+
@extend .grid-block
|
|
26
31
|
.grid-full
|
|
27
32
|
@include grid($grid-columns)
|
|
28
33
|
@for $i from 1 through $grid-columns - 1
|
|
@@ -34,24 +39,21 @@ $grid-gutter-width: 20px !default
|
|
|
34
39
|
|
|
35
40
|
@mixin grid($grid-columns)
|
|
36
41
|
@include grid-width($grid-columns)
|
|
37
|
-
@include float-left
|
|
38
|
-
margin: 0 $grid-gutter-width / 2
|
|
39
|
-
overflow: hidden
|
|
40
42
|
|
|
41
43
|
@mixin grid-width($grid-columns)
|
|
42
44
|
@if $grid-columns == 1
|
|
43
|
-
width: $grid-
|
|
45
|
+
width: $grid-width
|
|
44
46
|
@else
|
|
45
|
-
width: ($grid-columns * $grid-
|
|
47
|
+
width: ($grid-columns * $grid-width) + (($grid-columns * $grid-gutter-width) - $grid-gutter-width)
|
|
46
48
|
|
|
47
49
|
@mixin grid-prefix($grid-columns)
|
|
48
50
|
@if $grid-columns == 1
|
|
49
|
-
padding-left: $grid-
|
|
51
|
+
padding-left: $grid-width + $grid-gutter-width
|
|
50
52
|
@else
|
|
51
|
-
padding-left: ($grid-columns * $grid-
|
|
53
|
+
padding-left: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
|
|
52
54
|
|
|
53
55
|
@mixin grid-suffix($grid-columns)
|
|
54
56
|
@if $grid-columns == 1
|
|
55
|
-
padding-right: $grid-
|
|
57
|
+
padding-right: $grid-width + $grid-gutter-width
|
|
56
58
|
@else
|
|
57
|
-
padding-right: ($grid-columns * $grid-
|
|
59
|
+
padding-right: ($grid-columns * $grid-width) + ($grid-columns * $grid-gutter-width)
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
// Configure grid coordinates
|
|
4
4
|
$grid-columns: 12 !default;
|
|
5
|
-
$grid-
|
|
5
|
+
$grid-width: 60px !default;
|
|
6
6
|
$grid-gutter-width: 20px !default;
|
|
7
7
|
|
|
8
8
|
@mixin grid-coordinates {
|
|
@@ -11,7 +11,7 @@ $grid-gutter-width: 20px !default;
|
|
|
11
11
|
.grid-container {
|
|
12
12
|
margin: 0 auto;
|
|
13
13
|
overflow: hidden;
|
|
14
|
-
width: $grid-columns * $grid-
|
|
14
|
+
width: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; }
|
|
15
15
|
.nested-grid-container {
|
|
16
16
|
display: inline-block;
|
|
17
17
|
margin: {
|
|
@@ -19,9 +19,14 @@ $grid-gutter-width: 20px !default;
|
|
|
19
19
|
right: -$grid-gutter-width / 2; };
|
|
20
20
|
overflow: hidden;
|
|
21
21
|
width: auto; }
|
|
22
|
+
.grid-block {
|
|
23
|
+
@include float-left;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
margin: 0 $grid-gutter-width / 2; }
|
|
22
26
|
@for $i from 1 through $grid-columns {
|
|
23
27
|
.grid-#{$i} {
|
|
24
|
-
@include grid($i);
|
|
28
|
+
@include grid($i);
|
|
29
|
+
@extend .grid-block; } }
|
|
25
30
|
.grid-full {
|
|
26
31
|
@include grid($grid-columns); }
|
|
27
32
|
@for $i from 1 through $grid-columns - 1 {
|
|
@@ -32,25 +37,22 @@ $grid-gutter-width: 20px !default;
|
|
|
32
37
|
@include grid-suffix($i); } } }
|
|
33
38
|
|
|
34
39
|
@mixin grid($grid-columns) {
|
|
35
|
-
@include grid-width($grid-columns);
|
|
36
|
-
@include float-left;
|
|
37
|
-
margin: 0 $grid-gutter-width / 2;
|
|
38
|
-
overflow: hidden; }
|
|
40
|
+
@include grid-width($grid-columns); }
|
|
39
41
|
|
|
40
42
|
@mixin grid-width($grid-columns) {
|
|
41
43
|
@if $grid-columns == 1 {
|
|
42
|
-
width: $grid-
|
|
44
|
+
width: $grid-width; }
|
|
43
45
|
@else {
|
|
44
|
-
width: $grid-columns * $grid-
|
|
46
|
+
width: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width - $grid-gutter-width; } }
|
|
45
47
|
|
|
46
48
|
@mixin grid-prefix($grid-columns) {
|
|
47
49
|
@if $grid-columns == 1 {
|
|
48
|
-
padding-left: $grid-
|
|
50
|
+
padding-left: $grid-width + $grid-gutter-width; }
|
|
49
51
|
@else {
|
|
50
|
-
padding-left: $grid-columns * $grid-
|
|
52
|
+
padding-left: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; } }
|
|
51
53
|
|
|
52
54
|
@mixin grid-suffix($grid-columns) {
|
|
53
55
|
@if $grid-columns == 1 {
|
|
54
|
-
padding-right: $grid-
|
|
56
|
+
padding-right: $grid-width + $grid-gutter-width; }
|
|
55
57
|
@else {
|
|
56
|
-
padding-right: $grid-columns * $grid-
|
|
58
|
+
padding-right: $grid-columns * $grid-width + $grid-columns * $grid-gutter-width; } }
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: grid-coordinates
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 7
|
|
5
5
|
prerelease: false
|
|
6
6
|
segments:
|
|
7
7
|
- 1
|
|
8
8
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 1.0.
|
|
9
|
+
- 8
|
|
10
|
+
version: 1.0.8
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Adam Stacoviak
|
|
@@ -15,7 +15,7 @@ autorequire:
|
|
|
15
15
|
bindir: bin
|
|
16
16
|
cert_chain: []
|
|
17
17
|
|
|
18
|
-
date: 2010-
|
|
18
|
+
date: 2010-09-20 00:00:00 -05:00
|
|
19
19
|
default_executable:
|
|
20
20
|
dependencies:
|
|
21
21
|
- !ruby/object:Gem::Dependency
|
|
@@ -34,7 +34,7 @@ dependencies:
|
|
|
34
34
|
version: 0.10.5
|
|
35
35
|
type: :runtime
|
|
36
36
|
version_requirements: *id001
|
|
37
|
-
description:
|
|
37
|
+
description: Highly configurable Sass CSS Grid Framework Generator (Compass Extension)
|
|
38
38
|
email: adam@adamstacoviak.com
|
|
39
39
|
executables: []
|
|
40
40
|
|
|
@@ -75,16 +75,18 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
75
75
|
requirements:
|
|
76
76
|
- - ">="
|
|
77
77
|
- !ruby/object:Gem::Version
|
|
78
|
-
hash:
|
|
78
|
+
hash: 23
|
|
79
79
|
segments:
|
|
80
|
-
-
|
|
81
|
-
|
|
80
|
+
- 1
|
|
81
|
+
- 3
|
|
82
|
+
- 6
|
|
83
|
+
version: 1.3.6
|
|
82
84
|
requirements: []
|
|
83
85
|
|
|
84
86
|
rubyforge_project:
|
|
85
87
|
rubygems_version: 1.3.7
|
|
86
88
|
signing_key:
|
|
87
89
|
specification_version: 3
|
|
88
|
-
summary: A Sass CSS Grid Framework Generator
|
|
90
|
+
summary: A Sass CSS Grid Framework Generator inspired by the 1kb CSS Grid project
|
|
89
91
|
test_files: []
|
|
90
92
|
|