brevis 0.1.5 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/brevis.rb +2 -2
- data/stylesheets/brevis_utilities/_layout.scss +127 -76
- 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: 766a14b810fb2c477cc00d18ab97d150b78c16a0
|
4
|
+
data.tar.gz: 27163c2a5fdd295a14f1a5fc66a6022cc54c44c4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ab00d22c8c148c2a1b27e8e7cc1cfd2d44da80a97ce821fa41178a2d96f6d51b3f9c6d33d00bb50173096e6368fccb6a10abe2a1ee78dd2e4defd220068230d5
|
7
|
+
data.tar.gz: bc24401d8b6784c5674a880ba5dbe261b829849c5a25ecc041b702b3b5254ec3543f878be6a9607eb47bda08533bc481f4daa1c22cb3e675815cbb145a6e952d
|
data/lib/brevis.rb
CHANGED
@@ -17,8 +17,8 @@ Compass::Frameworks.register('brevis', :path => extension_path)
|
|
17
17
|
# a prerelease version
|
18
18
|
# Date is in the form of YYYY-MM-DD
|
19
19
|
module Brevis
|
20
|
-
VERSION = "0.1.
|
21
|
-
DATE = "2015-
|
20
|
+
VERSION = "0.1.6"
|
21
|
+
DATE = "2015-02-03"
|
22
22
|
end
|
23
23
|
|
24
24
|
# This is where any custom SassScript should be placed. The functions will be
|
@@ -1,33 +1,125 @@
|
|
1
1
|
|
2
|
-
////////////////////////////////////////////////////
|
3
|
-
// FLUID GRID COLUMNS http://sassmeister.com/gist/710eded4e6a323fdfdb6
|
4
2
|
///////////////////////////////////////////////////
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
3
|
+
// SYMMETRIC (FLUID) GRID
|
4
|
+
// http://sassmeister.com/gist/9226e7dc2a5f2dc0cef9
|
5
|
+
////////////////////////////////////////////////////
|
6
|
+
// ----
|
7
|
+
// Sass (v3.3.14)
|
8
|
+
// Compass (v1.0.1)
|
9
|
+
// Breakpoint (v2.5.0)
|
10
|
+
// Toolkit (v2.6.0)
|
11
|
+
// ----
|
12
|
+
|
13
|
+
@import "compass";
|
14
|
+
@import "toolkit";
|
15
|
+
@import "breakpoint";
|
16
|
+
|
17
|
+
// Styles for niceness
|
18
|
+
body {
|
19
|
+
font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
|
20
|
+
background: #dddddd;
|
21
|
+
color: #222222;
|
22
|
+
p {
|
23
|
+
margin: 3px 0;
|
24
|
+
}
|
25
|
+
img {
|
26
|
+
max-width: 100%;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
*, *:before, *:after {
|
30
|
+
box-sizing: border-box;
|
31
|
+
}
|
9
32
|
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
33
|
+
$sg-cols: 3;
|
34
|
+
$sg-spacing: 20px;
|
35
|
+
$sg-offset: null;
|
36
|
+
$sg-margin-direction: right;
|
37
|
+
$sg-rows: 4;
|
38
|
+
|
39
|
+
@mixin symmetric-grid(
|
40
|
+
$cols: $sg-cols,
|
41
|
+
$space: $sg-spacing,
|
42
|
+
$offset: $sg-offset,
|
43
|
+
$margin-direction: $sg-margin-direction,
|
44
|
+
$rows: $sg-rows
|
45
|
+
){
|
46
|
+
margin-#{$margin-direction}: $space;
|
47
|
+
clear: none;
|
48
|
+
max-width: 100%;
|
49
|
+
$minus-margins: ceil($space * ($cols - 1) / $cols) + 1px;
|
50
|
+
@if $margin-direction == "right" {
|
51
|
+
float: left;
|
19
52
|
}
|
20
|
-
@
|
21
|
-
|
22
|
-
|
23
|
-
|
53
|
+
@if $margin-direction == "left" {
|
54
|
+
float: right;
|
55
|
+
}
|
56
|
+
@if $offset {
|
57
|
+
&:nth-child(#{$offset}) {
|
58
|
+
width: 100%;
|
59
|
+
}
|
60
|
+
&:nth-child(n+#{$offset + 1}) {
|
61
|
+
width: calc((100% / #{$cols}) - #{$minus-margins});
|
62
|
+
}
|
63
|
+
@for $i from 1 through $rows {
|
64
|
+
&:nth-child(#{$cols * $i + $offset}) {
|
65
|
+
margin-#{$margin-direction}: 0;
|
66
|
+
}
|
67
|
+
&:nth-child(#{$cols * $i + 1 + $offset}) {
|
68
|
+
clear: left;
|
69
|
+
}
|
70
|
+
&:nth-child(n + #{$i + $offset}) {
|
71
|
+
margin-top: $sg-spacing;
|
72
|
+
}
|
24
73
|
}
|
25
74
|
}
|
75
|
+
@else {
|
76
|
+
width: calc((100% / #{$cols}) - #{$minus-margins});
|
77
|
+
@for $i from 1 through $rows {
|
78
|
+
&:nth-child(#{$cols * $i}) {
|
79
|
+
margin-#{$margin-direction}: 0;
|
80
|
+
}
|
81
|
+
&:nth-child(#{$cols * $i + 1}) {
|
82
|
+
clear: left;
|
83
|
+
}
|
84
|
+
&:nth-child(n + #{$i * $rows + 1}) {
|
85
|
+
margin-top: $sg-spacing;
|
86
|
+
}
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
90
|
+
|
91
|
+
// EXAMPLE
|
92
|
+
//.view-foobar .views-row {
|
93
|
+
// @include breakpoint(500px 700px){
|
94
|
+
// @include symmetric-grid(2, 10px);
|
95
|
+
// }
|
96
|
+
// @include breakpoint(700px 1000px){
|
97
|
+
// @include symmetric-grid(3, 10px);
|
98
|
+
// }
|
99
|
+
// @include breakpoint(1000px){
|
100
|
+
// @include symmetric-grid(4, 30px, 1);
|
101
|
+
// }
|
102
|
+
//}
|
103
|
+
|
104
|
+
// old syntax
|
105
|
+
@mixin region-col (
|
106
|
+
$rc-cols: $sg-cols,
|
107
|
+
$rc-space: $sg-spacing,
|
108
|
+
$rc-offset: $sg-offset,
|
109
|
+
$rc-margin-direction: $sg-margin-direction,
|
110
|
+
$rc-rows: $sg-rows
|
111
|
+
){
|
112
|
+
@include fluid-grid($rc-cols,$rc-spacing, $rc-offset, $rc-margin-direction, $rc-rows);
|
26
113
|
}
|
27
114
|
|
28
|
-
|
29
|
-
|
30
|
-
|
115
|
+
////////////////////////////////////////////////////
|
116
|
+
// DISCONTINUED FLUID GRID:
|
117
|
+
$fluid-grid-cols: 1;
|
118
|
+
$fluid-grid-grid-rows: 10;
|
119
|
+
$fluid-grid-padding: 2%;
|
120
|
+
$fluid-grid-class-name: views-row;
|
121
|
+
|
122
|
+
@mixin grid-mobile($class-name: $fluid-grid-class-name) {
|
31
123
|
.#{$class-name} {
|
32
124
|
float: left;
|
33
125
|
clear: both;
|
@@ -36,9 +128,7 @@ $fluid-grid-class-name: views-row;
|
|
36
128
|
}
|
37
129
|
}
|
38
130
|
|
39
|
-
@mixin grid-desktop(
|
40
|
-
$class-name: $fluid-grid-class-name
|
41
|
-
){
|
131
|
+
@mixin grid-desktop($class-name: $fluid-grid-class-name) {
|
42
132
|
.#{$class-name} {
|
43
133
|
float: left;
|
44
134
|
clear: none;
|
@@ -46,14 +136,18 @@ $fluid-grid-class-name: views-row;
|
|
46
136
|
}
|
47
137
|
}
|
48
138
|
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
139
|
+
@mixin fluid-grid($cols: $fluid-grid-cols, $grid-rows: $fluid-grid-grid-rows, $padding: $fluid-grid-padding, $class-name: $fluid-grid-class-name) {
|
140
|
+
.#{$class-name} {
|
141
|
+
width: (100% + $padding) / $cols;
|
142
|
+
padding: 0 0 $padding $padding;
|
143
|
+
}
|
144
|
+
@for $x from 1 through $grid-rows {
|
145
|
+
.#{$class-name}-#{$x * $cols - ($cols - 1)} {
|
146
|
+
margin-left: -$padding;
|
147
|
+
clear: both;
|
148
|
+
}
|
149
|
+
}
|
150
|
+
}
|
57
151
|
|
58
152
|
|
59
153
|
|
@@ -104,7 +198,6 @@ $fluid-grid-class-name: views-row;
|
|
104
198
|
}
|
105
199
|
}
|
106
200
|
|
107
|
-
|
108
201
|
@mixin vertical-center(
|
109
202
|
$container-height: 300px,
|
110
203
|
$inner-name: ".block-inner",
|
@@ -277,46 +370,4 @@ $content-max-width: 1000px;
|
|
277
370
|
}
|
278
371
|
}
|
279
372
|
}
|
280
|
-
@mixin region-col($cols: 3, $space: $spacing, $offset: null, $margin-direction: right, $rows: 3) {
|
281
|
-
margin-#{$margin-direction}: $spacing;
|
282
|
-
clear: none;
|
283
|
-
max-width: 100%;
|
284
|
-
$minus-margins: ceil($space * (($cols - 1) / $cols)) + 1px;
|
285
373
|
|
286
|
-
@if $margin-direction == "right" {
|
287
|
-
float: left;
|
288
|
-
}
|
289
|
-
@if $margin-direction == "left" {
|
290
|
-
float: right;
|
291
|
-
}
|
292
|
-
|
293
|
-
@if $offset {
|
294
|
-
&:nth-child(n+#{$offset + 1}) {
|
295
|
-
width: calc( (100% / #{$cols}) - #{$minus-margins});
|
296
|
-
}
|
297
|
-
&:nth-child(#{$cols + $offset}),
|
298
|
-
&:nth-child(#{$cols * 2 + $offset}),
|
299
|
-
&:nth-child(#{$cols * 3 + $offset}) {
|
300
|
-
margin-#{$margin-direction}: 0;
|
301
|
-
}
|
302
|
-
&:nth-child(#{$cols + 1 + $offset}),
|
303
|
-
&:nth-child(#{$cols * 2 + 1 + $offset}),
|
304
|
-
&:nth-child(#{$cols * 3 + 1 + $offset}) {
|
305
|
-
clear: left;
|
306
|
-
}
|
307
|
-
}
|
308
|
-
@else {
|
309
|
-
width: calc( (100% / #{$cols}) - #{$minus-margins});
|
310
|
-
|
311
|
-
&:nth-child(#{$cols}),
|
312
|
-
&:nth-child(#{$cols * 2}),
|
313
|
-
&:nth-child(#{$cols * 3}) {
|
314
|
-
margin-#{$margin-direction}: 0;
|
315
|
-
}
|
316
|
-
&:nth-child(#{$cols + 1}),
|
317
|
-
&:nth-child(#{$cols * 2 + 1}),
|
318
|
-
&:nth-child(#{$cols * 3 + 1}), {
|
319
|
-
clear: left;
|
320
|
-
}
|
321
|
-
}
|
322
|
-
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: brevis
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.6
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Kendall Totten
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-02-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|