brevis 0.1.9 → 0.2.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
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
|
+
}
|