gridstrap 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/stylesheets/inc/_mixins.scss +83 -6
- data/stylesheets/inc/_vars.scss +2 -1
- 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: 8e91f01904e78ba7d604c68ce78c5b5fe313971a
|
4
|
+
data.tar.gz: d9a8a6c7c4c4ed8a72620ec7e0618641e259664a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2b1be6092fc009dbb6455c482c012c4863be206ed1fb38f7dda57a8e41dd2052965e5d1f63ceadb91a1a22c46a981da2aa7ac9b4faebc0043808cdf0b4914d71
|
7
|
+
data.tar.gz: fb443fc3f99c5c0bbed5d078b92224dac6dd0b2ae838de0dffe0045c7b7517a5126575fe3e50c5bf16d38cac23b933c8ad55c661df933df826ab3df0d374221b
|
@@ -6,6 +6,7 @@
|
|
6
6
|
// "of": centered column of 1/X the container width
|
7
7
|
// "offset": offset column by X columns (with margin)
|
8
8
|
// "move": move column by X columns (via left/right)
|
9
|
+
// "rtl": use LTR/RTL to dictate left/right direction
|
9
10
|
//
|
10
11
|
// @param string $uses... The list of modifiers to use.
|
11
12
|
|
@@ -16,6 +17,7 @@
|
|
16
17
|
$gridstrap-use-offset: false;
|
17
18
|
$gridstrap-use-push: false;
|
18
19
|
$gridstrap-use-pull: false;
|
20
|
+
$gridstrap-use-rtl: false;
|
19
21
|
|
20
22
|
// If first $use isn"t "all"...
|
21
23
|
@if nth($uses, 1) != "all" {
|
@@ -30,6 +32,8 @@
|
|
30
32
|
} @else if $use == "move" {
|
31
33
|
$gridstrap-use-push: true;
|
32
34
|
$gridstrap-use-pull: true;
|
35
|
+
} @else if $use == "rtl" {
|
36
|
+
$gridstrap-use-rtl: true;
|
33
37
|
}
|
34
38
|
}
|
35
39
|
} @else {
|
@@ -39,6 +43,7 @@
|
|
39
43
|
$gridstrap-use-offset: true;
|
40
44
|
$gridstrap-use-push: true;
|
41
45
|
$gridstrap-use-pull: true;
|
46
|
+
$gridstrap-use-rtl: true;
|
42
47
|
}
|
43
48
|
}
|
44
49
|
|
@@ -57,9 +62,20 @@
|
|
57
62
|
|
58
63
|
%gridstrap-col {
|
59
64
|
@extend %gridstrap-padding;
|
60
|
-
float: left;
|
61
65
|
position: relative;
|
62
66
|
min-height: 1px;
|
67
|
+
|
68
|
+
@if $gridstrap-use-rtl {
|
69
|
+
.ltr &{
|
70
|
+
float: left;
|
71
|
+
}
|
72
|
+
.rtl &{
|
73
|
+
float: right;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
@else {
|
77
|
+
float: left;
|
78
|
+
}
|
63
79
|
}
|
64
80
|
|
65
81
|
%gridstrap-span {
|
@@ -149,17 +165,48 @@
|
|
149
165
|
@if $i < $gridstrap-cols {
|
150
166
|
@if $gridstrap-use-offset {
|
151
167
|
.offset-#{$midfix}#{$i} {
|
152
|
-
|
168
|
+
@if $gridstrap-use-rtl {
|
169
|
+
.ltr &{
|
170
|
+
margin-left: $width;
|
171
|
+
}
|
172
|
+
.rtl &{
|
173
|
+
margin-right: $width;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
@else {
|
177
|
+
margin-left: $width;
|
178
|
+
}
|
153
179
|
}
|
154
180
|
}
|
155
181
|
@if $gridstrap-use-push {
|
156
182
|
.push-#{$midfix}#{$i} {
|
157
|
-
|
183
|
+
@if $gridstrap-use-rtl {
|
184
|
+
.ltr &{
|
185
|
+
left: $width;
|
186
|
+
}
|
187
|
+
.rtl &{
|
188
|
+
right: $width;
|
189
|
+
}
|
190
|
+
}
|
191
|
+
@else {
|
192
|
+
left: $width;
|
193
|
+
}
|
158
194
|
}
|
159
195
|
}
|
160
196
|
@if $gridstrap-use-pull {
|
161
197
|
.pull-#{$midfix}#{$i} {
|
162
198
|
right: $width;
|
199
|
+
@if $gridstrap-use-rtl {
|
200
|
+
.ltr &{
|
201
|
+
right: $width;
|
202
|
+
}
|
203
|
+
.rtl &{
|
204
|
+
left: $width;
|
205
|
+
}
|
206
|
+
}
|
207
|
+
@else {
|
208
|
+
right: $width;
|
209
|
+
}
|
163
210
|
}
|
164
211
|
}
|
165
212
|
}
|
@@ -168,17 +215,47 @@
|
|
168
215
|
// Add resets
|
169
216
|
@if $gridstrap-use-offset {
|
170
217
|
.offset-#{$midfix}0 {
|
171
|
-
|
218
|
+
@if $gridstrap-use-rtl {
|
219
|
+
.ltr &{
|
220
|
+
margin-left: 0;
|
221
|
+
}
|
222
|
+
.rtl &{
|
223
|
+
margin-right: 0;
|
224
|
+
}
|
225
|
+
}
|
226
|
+
@else {
|
227
|
+
margin-left: 0;
|
228
|
+
}
|
172
229
|
}
|
173
230
|
}
|
174
231
|
@if $gridstrap-use-push {
|
175
232
|
.push-#{$midfix}0 {
|
176
|
-
|
233
|
+
@if $gridstrap-use-rtl {
|
234
|
+
.ltr &{
|
235
|
+
left: 0;
|
236
|
+
}
|
237
|
+
.rtl &{
|
238
|
+
right: 0;
|
239
|
+
}
|
240
|
+
}
|
241
|
+
@else {
|
242
|
+
left: 0;
|
243
|
+
}
|
177
244
|
}
|
178
245
|
}
|
179
246
|
@if $gridstrap-use-pull {
|
180
247
|
.pull-#{$midfix}0 {
|
181
|
-
|
248
|
+
@if $gridstrap-use-rtl {
|
249
|
+
.ltr &{
|
250
|
+
right: 0;
|
251
|
+
}
|
252
|
+
.rtl &{
|
253
|
+
left: 0;
|
254
|
+
}
|
255
|
+
}
|
256
|
+
@else {
|
257
|
+
right: 0;
|
258
|
+
}
|
182
259
|
}
|
183
260
|
}
|
184
261
|
}
|
data/stylesheets/inc/_vars.scss
CHANGED
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: 0.1.
|
4
|
+
version: 0.1.4
|
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: 2014-02-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: compass
|