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.
@@ -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,5 +1,5 @@
1
1
  @import "semantics/core";
2
+ @import "semantics/offsets";
2
3
  @import "semantics/overrides";
3
4
  @import "semantics/subdivisions";
4
- @import "semantics/offsets";
5
5
  @import "semantics/nested";
@@ -1,32 +1,35 @@
1
1
  // Nested grids
2
2
  // ------------
3
3
 
4
+ $grid-nested-grids: null !default;
4
5
 
5
- $grid-nested-grids: true;
6
+ @if $grid-nested-grids != false {
7
+ $grid-nested-grids: true;
6
8
 
7
- %l-container {
8
- // Always set nested grids to fluid
9
- &%l-container %l-container %l-row {
10
- @include grid-row(fluid);
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
- %l-col-#{$i} {
18
- %l-grid-fluid & {
19
- @for $n from 1 through $grid-total-columns {
20
- %l-row %l-col-#{$n} {
21
- @include grid-column-width($n, fluid, $total-columns: $i);
22
- @include grid-gutters(fluid);
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
- @if $grid-type == fluid {
27
- @for $n from 1 through $grid-total-columns {
28
- %l-row %l-col-#{$n} {
29
- @include grid-column-width($n, fluid, $total-columns: $i);
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: true;
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
- // Column sizes
12
- @for $i from 1 through $grid-total-columns {
13
- %l-col-push-#{$i} {
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
- %l-col-pull-#{$i} {
22
- @extend %-col-positioned;
22
+ %l-col-pull-#{$i} {
23
+ @extend %-col-positioned;
23
24
 
24
- %l-container & {
25
- @include grid-column-offset(left, $i);
25
+ %l-container & {
26
+ @include grid-column-offset(left, $i);
27
+ }
26
28
  }
27
- }
28
29
 
29
- %l-grid-pixel %l-row %l-col-pull-#{$i} {
30
- @include grid-column-offset(left, $i, pixel);
31
- }
30
+ %l-grid-pixel %l-row %l-col-pull-#{$i} {
31
+ @include grid-column-offset(left, $i, pixel);
32
+ }
32
33
 
33
- %l-grid-pixel %l-row %l-col-push-#{$i} {
34
- @include grid-column-offset(right, $i, pixel);
35
- }
34
+ %l-grid-pixel %l-row %l-col-push-#{$i} {
35
+ @include grid-column-offset(right, $i, pixel);
36
+ }
36
37
 
37
- %l-grid-fluid %l-row %l-col-pull-#{$i} {
38
- @include grid-column-offset(left, $i, fluid);
39
- }
38
+ %l-grid-fluid %l-row %l-col-pull-#{$i} {
39
+ @include grid-column-offset(left, $i, fluid);
40
+ }
40
41
 
41
- %l-grid-fluid %l-row %l-col-push-#{$i} {
42
- @include grid-column-offset(right, $i, fluid);
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
- position: relative;
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: true;
9
+ @if $grid-overrides != false {
10
+ $grid-overrides: true;
9
11
 
10
- // Pixel
11
- %l-grid-pixel {
12
- %l-row {
13
- @include grid-gutters(pixel, row);
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(none);
18
+ @include grid-gutters(pixel);
24
19
  }
25
- }
26
- }
27
- }
28
20
 
29
- // Fluid
30
- %l-grid-fluid {
31
- %l-row {
32
- @include grid-gutters(fluid, row);
21
+ &%l-gutterless {
22
+ @include grid-gutters(none);
33
23
 
34
- %l-col {
35
- @include grid-gutters(fluid);
24
+ %l-col {
25
+ @include grid-gutters(none);
26
+ }
27
+ }
36
28
  }
29
+ }
37
30
 
38
- &%l-gutterless {
39
- @include grid-gutters(none);
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
- %l-col-#{$i} {
51
- // Pixel
52
- %l-grid-pixel %l-row & {
53
- @include grid-column-width($i, pixel);
54
- }
55
- // Pixel no gutters
56
- %l-grid-pixel &,
57
- %l-grid-pixel %l-gutterless & {
58
- @include grid-column-width($i, pixel, $gutter: 0);
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
- // Fluid
62
- %l-grid-fluid %l-row & {
63
- @include grid-column-width($i, fluid);
64
- }
65
- // Fluid no gutters
66
- %l-grid-fluid &,
67
- %l-grid-fluid %l-gutterless & {
68
- @include grid-column-width($i, fluid, $gutter: 0);
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: true;
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
- @for $n from 1 through $grid-total-columns {
12
- %l-col-#{$i}-of-#{$n} {
13
- @include grid-column-width($i, fluid, $gutter: 0, $total-columns: $n);
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
@@ -1,3 +1,3 @@
1
1
  module Stratum
2
- VERSION = "0.3.0"
2
+ VERSION = "0.3.1"
3
3
  end
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.0
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-02 00:00:00.000000000 Z
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: &70230928584260 !ruby/object:Gem::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: *70230928584260
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