stratum 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|