stratum 0.3.0 → 0.3.1
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.
- data/assets/stylesheets/layout/_grid.scss +11 -0
- data/assets/stylesheets/layout/grid/_semantics.scss +1 -1
- data/assets/stylesheets/layout/grid/semantics/_nested.scss +22 -19
- data/assets/stylesheets/layout/grid/semantics/_offsets.scss +31 -29
- data/assets/stylesheets/layout/grid/semantics/_overrides.scss +48 -45
- data/assets/stylesheets/layout/grid/semantics/_subdivisions.scss +9 -6
- data/assets/stylesheets/layout/scaffolding.scss +0 -7
- data/lib/stratum/version.rb +1 -1
- metadata +4 -4
@@ -18,6 +18,17 @@ $grid-guides-color: #c84e5b !default;
|
|
18
18
|
$grid-guides-opacity: .2 !default;
|
19
19
|
$grid-guides-position: back !default;
|
20
20
|
|
21
|
+
|
22
|
+
// Various semantic grid features can be disabled per project by
|
23
|
+
// setting the following variables to false. This will result in
|
24
|
+
// smaller CSS file and quicker compilation
|
25
|
+
|
26
|
+
// $grid-nested-grids: false;
|
27
|
+
// $grid-offsets: false;
|
28
|
+
// $grid-overrides: false;
|
29
|
+
// $grid-subdivisions: false;
|
30
|
+
|
31
|
+
|
21
32
|
@import "grid/functions";
|
22
33
|
@import "grid/mixins";
|
23
34
|
@import "grid/guides";
|
@@ -1,32 +1,35 @@
|
|
1
1
|
// Nested grids
|
2
2
|
// ------------
|
3
3
|
|
4
|
+
$grid-nested-grids: null !default;
|
4
5
|
|
5
|
-
$grid-nested-grids
|
6
|
+
@if $grid-nested-grids != false {
|
7
|
+
$grid-nested-grids: true;
|
6
8
|
|
7
|
-
%l-container {
|
8
|
-
|
9
|
-
|
10
|
-
|
9
|
+
%l-container {
|
10
|
+
// Always set nested grids to fluid
|
11
|
+
&%l-container %l-container %l-row {
|
12
|
+
@include grid-row(fluid);
|
13
|
+
}
|
11
14
|
}
|
12
|
-
}
|
13
15
|
|
14
16
|
|
15
|
-
// Column sizes (within columns)
|
16
|
-
@for $i from 1 through $grid-total-columns {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
17
|
+
// Column sizes (within columns)
|
18
|
+
@for $i from 1 through $grid-total-columns {
|
19
|
+
%l-col-#{$i} {
|
20
|
+
%l-grid-fluid & {
|
21
|
+
@for $n from 1 through $grid-total-columns {
|
22
|
+
%l-row %l-col-#{$n} {
|
23
|
+
@include grid-column-width($n, fluid, $total-columns: $i);
|
24
|
+
@include grid-gutters(fluid);
|
25
|
+
}
|
23
26
|
}
|
24
27
|
}
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
28
|
+
@if $grid-type == fluid {
|
29
|
+
@for $n from 1 through $grid-total-columns {
|
30
|
+
%l-row %l-col-#{$n} {
|
31
|
+
@include grid-column-width($n, fluid, $total-columns: $i);
|
32
|
+
}
|
30
33
|
}
|
31
34
|
}
|
32
35
|
}
|
@@ -4,47 +4,49 @@
|
|
4
4
|
// l-col-pull-<$i> – Pull column to left by <column size>
|
5
5
|
// l-col-push-<$i> – Push column to right by <column size>
|
6
6
|
|
7
|
+
$grid-offsets: null !default;
|
7
8
|
|
8
|
-
$grid-offsets
|
9
|
+
@if $grid-offsets != false {
|
10
|
+
$grid-offsets: true;
|
9
11
|
|
12
|
+
// Column sizes
|
13
|
+
@for $i from 1 through $grid-total-columns {
|
14
|
+
%l-col-push-#{$i} {
|
15
|
+
@extend %-col-positioned;
|
10
16
|
|
11
|
-
|
12
|
-
@
|
13
|
-
|
14
|
-
@extend %-col-positioned;
|
15
|
-
|
16
|
-
%l-container & {
|
17
|
-
@include grid-column-offset(right, $i);
|
17
|
+
%l-container & {
|
18
|
+
@include grid-column-offset(right, $i);
|
19
|
+
}
|
18
20
|
}
|
19
|
-
}
|
20
21
|
|
21
|
-
|
22
|
-
|
22
|
+
%l-col-pull-#{$i} {
|
23
|
+
@extend %-col-positioned;
|
23
24
|
|
24
|
-
|
25
|
-
|
25
|
+
%l-container & {
|
26
|
+
@include grid-column-offset(left, $i);
|
27
|
+
}
|
26
28
|
}
|
27
|
-
}
|
28
29
|
|
29
|
-
|
30
|
-
|
31
|
-
|
30
|
+
%l-grid-pixel %l-row %l-col-pull-#{$i} {
|
31
|
+
@include grid-column-offset(left, $i, pixel);
|
32
|
+
}
|
32
33
|
|
33
|
-
|
34
|
-
|
35
|
-
|
34
|
+
%l-grid-pixel %l-row %l-col-push-#{$i} {
|
35
|
+
@include grid-column-offset(right, $i, pixel);
|
36
|
+
}
|
36
37
|
|
37
|
-
|
38
|
-
|
39
|
-
|
38
|
+
%l-grid-fluid %l-row %l-col-pull-#{$i} {
|
39
|
+
@include grid-column-offset(left, $i, fluid);
|
40
|
+
}
|
40
41
|
|
41
|
-
|
42
|
-
|
42
|
+
%l-grid-fluid %l-row %l-col-push-#{$i} {
|
43
|
+
@include grid-column-offset(right, $i, fluid);
|
44
|
+
}
|
43
45
|
}
|
44
|
-
}
|
45
46
|
|
46
47
|
|
47
|
-
// INTERNAL
|
48
|
-
%-col-positioned {
|
49
|
-
|
48
|
+
// INTERNAL
|
49
|
+
%-col-positioned {
|
50
|
+
position: relative;
|
51
|
+
}
|
50
52
|
}
|
@@ -4,68 +4,71 @@
|
|
4
4
|
// %l-grid-pixel – Force pixel grid (applied to grid container)
|
5
5
|
// %l-grid-fluid – Force fluid grid (applied to grid container)
|
6
6
|
|
7
|
+
$grid-overrides: null !default;
|
7
8
|
|
8
|
-
$grid-overrides
|
9
|
+
@if $grid-overrides != false {
|
10
|
+
$grid-overrides: true;
|
9
11
|
|
10
|
-
// Pixel
|
11
|
-
%l-grid-pixel {
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
%l-col {
|
16
|
-
@include grid-gutters(pixel);
|
17
|
-
}
|
18
|
-
|
19
|
-
&%l-gutterless {
|
20
|
-
@include grid-gutters(none);
|
12
|
+
// Pixel
|
13
|
+
%l-grid-pixel {
|
14
|
+
%l-row {
|
15
|
+
@include grid-gutters(pixel, row);
|
21
16
|
|
22
17
|
%l-col {
|
23
|
-
@include grid-gutters(
|
18
|
+
@include grid-gutters(pixel);
|
24
19
|
}
|
25
|
-
}
|
26
|
-
}
|
27
|
-
}
|
28
20
|
|
29
|
-
|
30
|
-
|
31
|
-
%l-row {
|
32
|
-
@include grid-gutters(fluid, row);
|
21
|
+
&%l-gutterless {
|
22
|
+
@include grid-gutters(none);
|
33
23
|
|
34
|
-
|
35
|
-
|
24
|
+
%l-col {
|
25
|
+
@include grid-gutters(none);
|
26
|
+
}
|
27
|
+
}
|
36
28
|
}
|
29
|
+
}
|
37
30
|
|
38
|
-
|
39
|
-
|
31
|
+
// Fluid
|
32
|
+
%l-grid-fluid {
|
33
|
+
%l-row {
|
34
|
+
@include grid-gutters(fluid, row);
|
40
35
|
|
41
36
|
%l-col {
|
37
|
+
@include grid-gutters(fluid);
|
38
|
+
}
|
39
|
+
|
40
|
+
&%l-gutterless {
|
42
41
|
@include grid-gutters(none);
|
42
|
+
|
43
|
+
%l-col {
|
44
|
+
@include grid-gutters(none);
|
45
|
+
}
|
43
46
|
}
|
44
47
|
}
|
45
48
|
}
|
46
|
-
}
|
47
49
|
|
48
|
-
// Column sizes
|
49
|
-
@for $i from 1 through $grid-total-columns {
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
50
|
+
// Column sizes
|
51
|
+
@for $i from 1 through $grid-total-columns {
|
52
|
+
%l-col-#{$i} {
|
53
|
+
// Pixel
|
54
|
+
%l-grid-pixel %l-row & {
|
55
|
+
@include grid-column-width($i, pixel);
|
56
|
+
}
|
57
|
+
// Pixel no gutters
|
58
|
+
%l-grid-pixel &,
|
59
|
+
%l-grid-pixel %l-gutterless & {
|
60
|
+
@include grid-column-width($i, pixel, $gutter: 0);
|
61
|
+
}
|
60
62
|
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
63
|
+
// Fluid
|
64
|
+
%l-grid-fluid %l-row & {
|
65
|
+
@include grid-column-width($i, fluid);
|
66
|
+
}
|
67
|
+
// Fluid no gutters
|
68
|
+
%l-grid-fluid &,
|
69
|
+
%l-grid-fluid %l-gutterless & {
|
70
|
+
@include grid-column-width($i, fluid, $gutter: 0);
|
71
|
+
}
|
69
72
|
}
|
70
73
|
}
|
71
74
|
}
|
@@ -3,14 +3,17 @@
|
|
3
3
|
|
4
4
|
// %l-col-<n>-of-<n> - column size of parent total (e.g. 2-of-8 is 2/8 and equals 25%)
|
5
5
|
|
6
|
+
$grid-subdivisions: null !default;
|
6
7
|
|
7
|
-
$grid-subdivisions
|
8
|
+
@if $grid-subdivisions != false {
|
9
|
+
$grid-subdivisions: true;
|
8
10
|
|
9
|
-
// Column size ratios
|
10
|
-
@for $i from 1 through $grid-total-columns {
|
11
|
-
|
12
|
-
|
13
|
-
|
11
|
+
// Column size ratios
|
12
|
+
@for $i from 1 through $grid-total-columns {
|
13
|
+
@for $n from 1 through $grid-total-columns {
|
14
|
+
%l-col-#{$i}-of-#{$n} {
|
15
|
+
@include grid-column-width($i, fluid, $gutter: 0, $total-columns: $n);
|
16
|
+
}
|
14
17
|
}
|
15
18
|
}
|
16
19
|
}
|
@@ -3,13 +3,6 @@
|
|
3
3
|
|
4
4
|
// Exports `l-` prefixed classes useful for prototyping layouts
|
5
5
|
|
6
|
-
|
7
|
-
// Create variables
|
8
|
-
$grid-nested-grids: null !default;
|
9
|
-
$grid-offsets: null !default;
|
10
|
-
$grid-overrides: null !default;
|
11
|
-
$grid-subdivisions: null !default;
|
12
|
-
|
13
6
|
$grid-scaffolding-debug: true !default;
|
14
7
|
|
15
8
|
// DEBUG
|
data/lib/stratum/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: stratum
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.3.
|
4
|
+
version: 0.3.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-03-
|
12
|
+
date: 2013-03-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: thor
|
16
|
-
requirement: &
|
16
|
+
requirement: &70227467579260 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: '0'
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70227467579260
|
25
25
|
description: Stratum is a collection of SASS mixins and utilities for your web development
|
26
26
|
needs.
|
27
27
|
email: tyom@semonov.com
|