gridstrap 1.0.2 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -1
- data/stylesheets/inc/_mixins.scss +30 -7
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c6ae67d97b63b1b6c4d8f2964fcdfe1acc0417d2
|
4
|
+
data.tar.gz: e63339b04839716a57adbf422232d645817379d0
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f24566e85ee4c76e7d04889ea3f3166757b29b2f84c9d119561f64ae50eb578cd6e7b6ae14c16b3731aecac7c16b783656dd03b399e35dc9d14ddb16f9f4a5a9
|
7
|
+
data.tar.gz: 52c37002c865a77235693f7bd932793f7af7d6bfc1691eb8ab3c14aa228d31fa11a43d80b89895ee92c41a753f62c72711e0291ed8903f57abe026559f358452
|
data/README.md
CHANGED
@@ -62,6 +62,7 @@ Gridstrap comes with a few additional classes:
|
|
62
62
|
|
63
63
|
* `.span-`: A centered column of a particular column size.
|
64
64
|
* `.of-`: A centered column of 1/Xth the container width.
|
65
|
+
* `.colof-`: A regular column of 1/Xth the container width.
|
65
66
|
* `.offset-`: Offset the column by X columns via margin.
|
66
67
|
* `.push/pull-`: Move the column over by X columns via left/right.
|
67
68
|
|
@@ -70,4 +71,4 @@ with the `gridstrap-use` mixin:
|
|
70
71
|
|
71
72
|
@include gridstrap-use(span, offset);
|
72
73
|
|
73
|
-
Pass a list containing the addons you want to use: span/of/offset/move.
|
74
|
+
Pass a list containing the addons you want to use: span/of/offset/move.
|
@@ -7,6 +7,7 @@
|
|
7
7
|
//
|
8
8
|
// "span": centered column of X size
|
9
9
|
// "of": centered column of 1/X the container width
|
10
|
+
// "colof": regular column of 1/X the container width
|
10
11
|
// "offset": offset column by X columns (with margin)
|
11
12
|
// "move": move column by X columns (via left/right)
|
12
13
|
// "rtl": use LTR/RTL to dictate left/right direction
|
@@ -17,6 +18,7 @@
|
|
17
18
|
// Default all to false
|
18
19
|
$gridstrap-use-span: false;
|
19
20
|
$gridstrap-use-of: false;
|
21
|
+
$gridstrap-use-colof: false;
|
20
22
|
$gridstrap-use-offset: false;
|
21
23
|
$gridstrap-use-push: false;
|
22
24
|
$gridstrap-use-pull: false;
|
@@ -27,22 +29,25 @@
|
|
27
29
|
// Loop through and set matched options to true
|
28
30
|
@each $use in $uses {
|
29
31
|
@if $use == "span" {
|
30
|
-
$gridstrap-use-span:
|
32
|
+
$gridstrap-use-span: true;
|
31
33
|
} @else if $use == "of" {
|
32
|
-
$gridstrap-use-of:
|
34
|
+
$gridstrap-use-of: true;
|
35
|
+
} @else if $use == "colof" {
|
36
|
+
$gridstrap-use-colof: true;
|
33
37
|
} @else if $use == "offset" {
|
34
|
-
$gridstrap-use-offset:
|
38
|
+
$gridstrap-use-offset: true;
|
35
39
|
} @else if $use == "move" {
|
36
|
-
$gridstrap-use-push:
|
37
|
-
$gridstrap-use-pull:
|
40
|
+
$gridstrap-use-push: true;
|
41
|
+
$gridstrap-use-pull: true;
|
38
42
|
} @else if $use == "rtl" {
|
39
|
-
$gridstrap-use-rtl:
|
43
|
+
$gridstrap-use-rtl: true;
|
40
44
|
}
|
41
45
|
}
|
42
46
|
} @else {
|
43
47
|
// Make all true
|
44
48
|
$gridstrap-use-span: true;
|
45
49
|
$gridstrap-use-of: true;
|
50
|
+
$gridstrap-use-colof: true;
|
46
51
|
$gridstrap-use-offset: true;
|
47
52
|
$gridstrap-use-push: true;
|
48
53
|
$gridstrap-use-pull: true;
|
@@ -148,6 +153,18 @@
|
|
148
153
|
@extend %gridstrap-span;
|
149
154
|
}
|
150
155
|
}
|
156
|
+
|
157
|
+
@if $gridstrap-use-of {
|
158
|
+
.of-#{$midfix}#{$i} {
|
159
|
+
@extend %gridstrap-span;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
|
163
|
+
@if $gridstrap-use-colof {
|
164
|
+
.colof-#{$midfix}#{$i} {
|
165
|
+
@extend %gridstrap-col;
|
166
|
+
}
|
167
|
+
}
|
151
168
|
}
|
152
169
|
}
|
153
170
|
|
@@ -185,6 +202,12 @@
|
|
185
202
|
}
|
186
203
|
}
|
187
204
|
|
205
|
+
@if $gridstrap-use-colof {
|
206
|
+
.colof-#{$midfix}#{$i} {
|
207
|
+
width: $container / $i;
|
208
|
+
}
|
209
|
+
}
|
210
|
+
|
188
211
|
// No modifiers for final column
|
189
212
|
@if $i < $gridstrap-cols {
|
190
213
|
@if $gridstrap-use-offset {
|
@@ -302,4 +325,4 @@
|
|
302
325
|
}
|
303
326
|
|
304
327
|
@include gridstrap-build-columns($midfix, $container);
|
305
|
-
}
|
328
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: gridstrap
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0
|
4
|
+
version: 1.1.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Doug Wollison
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2015-04-07 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: compass
|