gridstrap 1.0.2 → 1.1.0
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.
- 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
|