stratum 0.3.0 → 0.3.1

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