brevis 0.1.9 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b8fae676558177f585163e5cb2b93426213720be
|
4
|
+
data.tar.gz: f1b1a2125cbf841191feac55dc5aa090886d3b62
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 8fcfbf78de9a0aec65930aa451377552c4b0fa9729625ac2c28b2d253ac491261de1b17a8139938590ca2a28cb35b0966620e5e27e47759bc56f9774bc351f7c
|
7
|
+
data.tar.gz: 53efa65d2b0a7eb29cca301dc15c7796774b5409e1c494dd846f5e25433af51b094c52a4eb410f0be36efafc0a7ea04a9b5316f498f108aad85822cc0e4ad0b0
|
data/lib/brevis.rb
CHANGED
@@ -2,25 +2,26 @@
|
|
2
2
|
$breakpoint-to-ems: true;
|
3
3
|
|
4
4
|
$print-media: "print";
|
5
|
-
$hidpi: min-resolution
|
5
|
+
$hidpi: min-resolution 2dppx;
|
6
6
|
|
7
7
|
// For use with max-width only:
|
8
8
|
// +breakpoint(max-width: $tab-l)
|
9
|
-
$phone-p:
|
9
|
+
$phone-p: 340px;
|
10
10
|
$phone-l: 479px;
|
11
11
|
$tab-p: 639px;
|
12
|
+
$region-col-snap: 775px;
|
12
13
|
$tab-l: 769px;
|
13
14
|
$desk: 1020px;
|
14
|
-
$desk-
|
15
|
+
$desk-wide: 1200px;
|
15
16
|
|
16
17
|
// For use with min-width (default breakpoint mixin)
|
17
18
|
// +breakpoint($desktop)
|
18
|
-
$smartphone-portrait:
|
19
|
-
$smartphone-landscape:
|
20
|
-
$tablet-portrait:
|
21
|
-
$tablet-landscape:
|
19
|
+
$smartphone-portrait: $phone-p + 1px;
|
20
|
+
$smartphone-landscape: $phone-l + 1px;
|
21
|
+
$tablet-portrait: $tab-p + 1px;
|
22
|
+
$tablet-landscape: $tab-l + 1px;
|
22
23
|
$desktop: $desk + 1px, "no-query" ".lt-ie9";
|
23
|
-
|
24
|
+
$desktop-wide: $desk-wide + 1px, "no-query" ".lt-ie9";
|
24
25
|
$desktop-print: $desk + 1px, $print-media, "no-query" ".lt-ie9";
|
25
26
|
|
26
27
|
// use
|
@@ -247,10 +247,6 @@ $sg-rows: 4;
|
|
247
247
|
//////////////////////////////////////////////////////////////////
|
248
248
|
// Panel region layouts, used best with Classy Panel Styles
|
249
249
|
|
250
|
-
@mixin content-max-width {
|
251
|
-
max-width: $content-max-width;
|
252
|
-
margin: 0 auto;
|
253
|
-
}
|
254
250
|
|
255
251
|
// To make hero styles work with IPE:
|
256
252
|
// Use in @include panel-pane-with-ipe place of .panel-pane
|
@@ -317,3 +313,19 @@ $sg-rows: 4;
|
|
317
313
|
}
|
318
314
|
}
|
319
315
|
|
316
|
+
|
317
|
+
//CSS Columns - add colums using css-columns-count(3)
|
318
|
+
@mixin css-column-count($how-many:1){
|
319
|
+
-webkit-column-count: $how-many; /* Chrome, Safari, Opera */
|
320
|
+
-moz-column-count: $how-many; /* Firefox */
|
321
|
+
column-count: $how-many;
|
322
|
+
}
|
323
|
+
|
324
|
+
//adds break - inside, accepts values auto: auto, avoid: avoid page breaks, initial: sets to default (auto), inherit: from parent
|
325
|
+
@mixin css-column-break($break-on-this:avoid){
|
326
|
+
-webkit-column-break-inside:$break-on-this;
|
327
|
+
-moz-column-break-inside:$break-on-this;
|
328
|
+
-o-column-break-inside:$break-on-this;
|
329
|
+
-ms-column-break-inside:$break-on-this;
|
330
|
+
column-break-inside:$break-on-this;
|
331
|
+
}
|