avalanche-rails 1.1.2 → 1.2.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 +1 -1
- data/lib/avalanche-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/_avalanche.scss +62 -40
- 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: bf0c15f138a9430a8e527963fd53770a8230909d
|
4
|
+
data.tar.gz: b0cbafc180ecd37a63a5093807748f8e139cbf9e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ba336917f7837387eac7ff7d8dfa58e92d02008ff9a15d00346ab11a5c12f9017002f38c574fdda919b49bbfb6b2534d07114b339c31227462352a6ee9d75850
|
7
|
+
data.tar.gz: 88e557db69883b5eab0a2a56e5052d1d2c76c8a64097b0892d8b2b80edcd898372883115bac9364afc54ad43a67c2c9823d3cb71334526b1ae99a558e49a2122
|
data/README.md
CHANGED
@@ -4,8 +4,13 @@
|
|
4
4
|
SETTINGS
|
5
5
|
\*------------------------------------*/
|
6
6
|
|
7
|
-
$av-namespace:
|
8
|
-
$av-
|
7
|
+
$av-namespace: 'grid' !default; // Prefix namespace for grid layout and cells
|
8
|
+
$av-element-name: 'cell' !default; // Element/cell name
|
9
|
+
$av-element-class-chain: '__' !default; // Chain characters between block and element
|
10
|
+
$av-modifier-class-chain: '--' !default; // Chain characters between block and modifier
|
11
|
+
$av-breakpoint-class-chain: '--' !default; // Chain characters between width and breakpoint
|
12
|
+
|
13
|
+
$av-gutter: 20px !default; // Gutter between grid cells
|
9
14
|
|
10
15
|
$av-width-class-namespace: '' !default; // Prefix namespace for width classes. For example; 'col-'
|
11
16
|
$av-width-class-style: 'fraction' !default; // Width class naming style. Can be 'fraction', 'percentage' or 'fragment'
|
@@ -68,7 +73,7 @@ $av-enable-grid-rev: false !default;
|
|
68
73
|
}
|
69
74
|
}
|
70
75
|
|
71
|
-
@function
|
76
|
+
@function avCreateWidthClassName($style, $numerator, $denominator, $breakpoint-alias){
|
72
77
|
|
73
78
|
$class-name: null;
|
74
79
|
|
@@ -87,6 +92,23 @@ $av-enable-grid-rev: false !default;
|
|
87
92
|
@return $class-name;
|
88
93
|
}
|
89
94
|
|
95
|
+
@function avCreateBlockClassName($modifier: ''){
|
96
|
+
@if $modifier == '' {
|
97
|
+
@return #{$av-namespace};
|
98
|
+
}
|
99
|
+
|
100
|
+
@return #{$av-namespace}#{$av-modifier-class-chain}#{$modifier};
|
101
|
+
}
|
102
|
+
|
103
|
+
@function avCreateElementClassName($modifier: ''){
|
104
|
+
@if $modifier == '' {
|
105
|
+
@return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name};
|
106
|
+
}
|
107
|
+
|
108
|
+
@return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name}#{$av-modifier-class-chain}#{$modifier};
|
109
|
+
|
110
|
+
}
|
111
|
+
|
90
112
|
@mixin av-create-widths($widths, $breakpoint-alias: null){
|
91
113
|
|
92
114
|
// Initialise an empty utility map that will eventually contain all our classes
|
@@ -99,7 +121,7 @@ $av-enable-grid-rev: false !default;
|
|
99
121
|
@if ($denominator == 1) {
|
100
122
|
|
101
123
|
// Create 1/1 class
|
102
|
-
$class-name:
|
124
|
+
$class-name: avCreateWidthClassName($av-width-class-style, 1, 1, $breakpoint-alias);
|
103
125
|
.#{$class-name}{
|
104
126
|
width: 100%;
|
105
127
|
}
|
@@ -110,7 +132,7 @@ $av-enable-grid-rev: false !default;
|
|
110
132
|
@for $numerator from 1 to $denominator{
|
111
133
|
|
112
134
|
// Create class name and set width value
|
113
|
-
$class-name:
|
135
|
+
$class-name: avCreateWidthClassName($av-width-class-style, $numerator,$denominator, $breakpoint-alias);
|
114
136
|
$width-value: percentage($numerator / $denominator);
|
115
137
|
|
116
138
|
// Is this width already in our utility map?
|
@@ -158,7 +180,7 @@ $av-enable-grid-rev: false !default;
|
|
158
180
|
GRID LAYOUT
|
159
181
|
\*------------------------------------*/
|
160
182
|
|
161
|
-
.#{
|
183
|
+
.#{avCreateBlockClassName()}{
|
162
184
|
display: block;
|
163
185
|
list-style: none;
|
164
186
|
padding: 0;
|
@@ -167,23 +189,23 @@ $av-enable-grid-rev: false !default;
|
|
167
189
|
font-size: 0rem;
|
168
190
|
}
|
169
191
|
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
192
|
+
.#{avCreateElementClassName()}{
|
193
|
+
box-sizing: border-box;
|
194
|
+
display: inline-block;
|
195
|
+
width: 100%;
|
196
|
+
padding: 0;
|
197
|
+
padding-left: $av-gutter;
|
198
|
+
margin: 0;
|
199
|
+
vertical-align: top;
|
200
|
+
font-size: 1rem;
|
201
|
+
}
|
180
202
|
|
181
203
|
@if $av-enable-grid-center{
|
182
204
|
|
183
|
-
.#{
|
205
|
+
.#{avCreateBlockClassName('center')}{
|
184
206
|
text-align: center;
|
185
207
|
|
186
|
-
> .#{
|
208
|
+
> .#{avCreateElementClassName()}{
|
187
209
|
text-align: left;
|
188
210
|
}
|
189
211
|
}
|
@@ -191,7 +213,7 @@ $av-enable-grid-rev: false !default;
|
|
191
213
|
|
192
214
|
@if $av-enable-grid-cell-center{
|
193
215
|
|
194
|
-
.#{
|
216
|
+
.#{avCreateElementClassName('center')}{
|
195
217
|
display: block;
|
196
218
|
margin: 0 auto;
|
197
219
|
}
|
@@ -199,10 +221,10 @@ $av-enable-grid-rev: false !default;
|
|
199
221
|
|
200
222
|
@if $av-enable-grid-right{
|
201
223
|
|
202
|
-
.#{
|
224
|
+
.#{avCreateBlockClassName('right')}{
|
203
225
|
text-align: right;
|
204
226
|
|
205
|
-
> .#{
|
227
|
+
> .#{avCreateElementClassName()}{
|
206
228
|
text-align: left;
|
207
229
|
}
|
208
230
|
}
|
@@ -210,9 +232,9 @@ $av-enable-grid-rev: false !default;
|
|
210
232
|
|
211
233
|
@if $av-enable-grid-middle{
|
212
234
|
|
213
|
-
.#{
|
235
|
+
.#{avCreateBlockClassName('middle')}{
|
214
236
|
|
215
|
-
> .#{
|
237
|
+
> .#{avCreateElementClassName()}{
|
216
238
|
vertical-align: middle;
|
217
239
|
}
|
218
240
|
}
|
@@ -220,9 +242,9 @@ $av-enable-grid-rev: false !default;
|
|
220
242
|
|
221
243
|
@if $av-enable-grid-bottom{
|
222
244
|
|
223
|
-
.#{
|
245
|
+
.#{avCreateBlockClassName('bottom')}{
|
224
246
|
|
225
|
-
> .#{
|
247
|
+
> .#{avCreateElementClassName()}{
|
226
248
|
vertical-align: bottom;
|
227
249
|
}
|
228
250
|
}
|
@@ -230,10 +252,10 @@ $av-enable-grid-rev: false !default;
|
|
230
252
|
|
231
253
|
@if $av-enable-grid-flush{
|
232
254
|
|
233
|
-
.#{
|
255
|
+
.#{avCreateBlockClassName('flush')}{
|
234
256
|
margin-left: 0;
|
235
257
|
|
236
|
-
> .#{
|
258
|
+
> .#{avCreateElementClassName()}{
|
237
259
|
padding-left: 0;
|
238
260
|
}
|
239
261
|
}
|
@@ -241,10 +263,10 @@ $av-enable-grid-rev: false !default;
|
|
241
263
|
|
242
264
|
@if $av-enable-grid-tiny{
|
243
265
|
|
244
|
-
.#{
|
266
|
+
.#{avCreateBlockClassName('tiny')}{
|
245
267
|
margin-left: -($av-gutter / 4);
|
246
268
|
|
247
|
-
> .#{
|
269
|
+
> .#{avCreateElementClassName()}{
|
248
270
|
padding-left: ($av-gutter / 4);
|
249
271
|
}
|
250
272
|
}
|
@@ -252,10 +274,10 @@ $av-enable-grid-rev: false !default;
|
|
252
274
|
|
253
275
|
@if $av-enable-grid-small{
|
254
276
|
|
255
|
-
.#{
|
277
|
+
.#{avCreateBlockClassName('small')}{
|
256
278
|
margin-left: -($av-gutter / 2);
|
257
279
|
|
258
|
-
> .#{
|
280
|
+
> .#{avCreateElementClassName()}{
|
259
281
|
padding-left: ($av-gutter / 2);
|
260
282
|
}
|
261
283
|
}
|
@@ -263,10 +285,10 @@ $av-enable-grid-rev: false !default;
|
|
263
285
|
|
264
286
|
@if $av-enable-grid-large{
|
265
287
|
|
266
|
-
.#{
|
288
|
+
.#{avCreateBlockClassName('large')}{
|
267
289
|
margin-left: -($av-gutter * 2);
|
268
290
|
|
269
|
-
> .#{
|
291
|
+
> .#{avCreateElementClassName()}{
|
270
292
|
padding-left: ($av-gutter * 2);
|
271
293
|
}
|
272
294
|
}
|
@@ -274,10 +296,10 @@ $av-enable-grid-rev: false !default;
|
|
274
296
|
|
275
297
|
@if $av-enable-grid-huge{
|
276
298
|
|
277
|
-
.#{
|
299
|
+
.#{avCreateBlockClassName('huge')}{
|
278
300
|
margin-left: -($av-gutter * 4);
|
279
301
|
|
280
|
-
> .#{
|
302
|
+
> .#{avCreateElementClassName()}{
|
281
303
|
padding-left: ($av-gutter * 4);
|
282
304
|
}
|
283
305
|
}
|
@@ -285,9 +307,9 @@ $av-enable-grid-rev: false !default;
|
|
285
307
|
|
286
308
|
@if $av-enable-grid-auto{
|
287
309
|
|
288
|
-
.#{
|
310
|
+
.#{avCreateBlockClassName('auto')}{
|
289
311
|
|
290
|
-
> .#{
|
312
|
+
> .#{avCreateElementClassName()}{
|
291
313
|
width: auto;
|
292
314
|
}
|
293
315
|
}
|
@@ -295,10 +317,10 @@ $av-enable-grid-rev: false !default;
|
|
295
317
|
|
296
318
|
@if $av-enable-grid-rev{
|
297
319
|
|
298
|
-
.#{
|
320
|
+
.#{avCreateBlockClassName('rev')}{
|
299
321
|
direction: rtl;
|
300
322
|
|
301
|
-
> .#{
|
323
|
+
> .#{avCreateElementClassName()}{
|
302
324
|
direction: ltr;
|
303
325
|
}
|
304
326
|
}
|
@@ -322,7 +344,7 @@ $av-enable-grid-rev: false !default;
|
|
322
344
|
|
323
345
|
// Create each media query
|
324
346
|
@media #{$query}{
|
325
|
-
@include av-create-widths($av-widths,
|
347
|
+
@include av-create-widths($av-widths, #{$av-breakpoint-class-chain}#{$alias});
|
326
348
|
}
|
327
349
|
}
|
328
350
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: avalanche-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Curt Howard
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-
|
11
|
+
date: 2016-11-29 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: A build of the jQuery LiveType Plugin, written by written by Tobal San,
|
14
14
|
packaged for the Rails asset pipeline.
|