stratum 0.2.4 → 0.3.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.
Files changed (61) hide show
  1. data/.editorconfig +7 -0
  2. data/.gitignore +2 -2
  3. data/assets/stylesheets/_css3.scss +7 -0
  4. data/assets/stylesheets/_helpers.scss +7 -0
  5. data/assets/stylesheets/_stratum.scss +12 -15
  6. data/assets/stylesheets/css3/_border-radius.scss +2 -2
  7. data/assets/stylesheets/css3/_user-select.scss +12 -0
  8. data/assets/stylesheets/helpers/_box.scss +17 -0
  9. data/assets/stylesheets/{addons → helpers}/_dimensions.scss +7 -4
  10. data/assets/stylesheets/{addons → helpers}/_group.scss +0 -0
  11. data/assets/stylesheets/helpers/_icon-map.scss +11 -0
  12. data/assets/stylesheets/helpers/_icons.scss +177 -0
  13. data/assets/stylesheets/{addons → helpers}/_position.scss +6 -6
  14. data/assets/stylesheets/helpers/_triangle.scss +64 -0
  15. data/assets/stylesheets/{addons → helpers}/_vendor-prefix.scss +0 -0
  16. data/assets/stylesheets/layout/_grid.scss +4 -5
  17. data/assets/stylesheets/layout/{_grid-functions.scss → grid/_functions.scss} +12 -11
  18. data/assets/stylesheets/layout/grid/_guides.scss +123 -0
  19. data/assets/stylesheets/layout/grid/_mixins.scss +83 -0
  20. data/assets/stylesheets/layout/grid/_semantics.scss +5 -0
  21. data/assets/stylesheets/layout/grid/semantics/_core.scss +96 -0
  22. data/assets/stylesheets/layout/grid/semantics/_nested.scss +34 -0
  23. data/assets/stylesheets/layout/grid/semantics/_offsets.scss +50 -0
  24. data/assets/stylesheets/layout/grid/semantics/_overrides.scss +71 -0
  25. data/assets/stylesheets/layout/grid/semantics/_subdivisions.scss +16 -0
  26. data/assets/stylesheets/layout/scaffolding.scss +105 -52
  27. data/bin/stratum +1 -1
  28. data/lib/stratum/generator.rb +74 -0
  29. data/lib/stratum/version.rb +3 -0
  30. data/lib/stratum.rb +2 -73
  31. data/stratum.gemspec +1 -1
  32. metadata +27 -38
  33. data/.gitmodules +0 -3
  34. data/assets/stylesheets/layout/_grid-guides.scss +0 -93
  35. data/assets/stylesheets/layout/_grid-mixins.scss +0 -79
  36. data/assets/stylesheets/layout/_grid-semantics.scss +0 -266
  37. data/lib/version.rb +0 -3
  38. data/tests/Gemfile +0 -6
  39. data/tests/Gemfile.lock +0 -63
  40. data/tests/Guardfile +0 -11
  41. data/tests/_config.yml +0 -5
  42. data/tests/_includes/menu-grids.html +0 -9
  43. data/tests/_includes/shared-grid-samples.html +0 -58
  44. data/tests/_layouts/default.html +0 -21
  45. data/tests/grid/arstechnica.html +0 -70
  46. data/tests/grid/bbc.html +0 -74
  47. data/tests/grid/fluid.html +0 -85
  48. data/tests/grid/guardian.html +0 -248
  49. data/tests/grid/index.html +0 -5
  50. data/tests/grid/pixel.html +0 -29
  51. data/tests/images/arstechnica.png +0 -0
  52. data/tests/images/bbc.png +0 -0
  53. data/tests/images/capture.js +0 -15
  54. data/tests/images/guardian-home.png +0 -0
  55. data/tests/scss/_mock-block.scss +0 -68
  56. data/tests/scss/arstechnica.scss +0 -106
  57. data/tests/scss/bbc.scss +0 -93
  58. data/tests/scss/fluid-grid.scss +0 -50
  59. data/tests/scss/guardian.scss +0 -219
  60. data/tests/scss/main.scss +0 -90
  61. data/tests/scss/pixel-grid.scss +0 -14
data/lib/stratum.rb CHANGED
@@ -1,73 +1,2 @@
1
- require_relative 'version.rb'
2
- require 'pathname'
3
- require 'fileutils'
4
- require 'thor'
5
-
6
- module Stratum
7
- class Generator < Thor
8
- map ['-v', '--version'] => :version
9
-
10
- desc 'install', 'Install Stratum (./stratum); `stratum help install` for options'
11
- option :path, :type => :string, :aliases => '-p', :banner => './', :desc => 'Installation path'
12
- option :force, :aliases => '-f', :type => :boolean, :desc => 'Force installation (overwrite existing)'
13
- def install
14
- if install_path.exist? && !options[:force]
15
- puts "Stratum installation already exists. Use -f to force"
16
- else
17
- copy_files
18
- puts "Stratum installed to #{install_path}"
19
- end
20
- end
21
-
22
- desc 'update', 'Update Stratum'
23
- def update
24
- remove(true)
25
- end
26
-
27
- desc 'remove', 'Remove Stratum'
28
- def remove(replace = false)
29
- if stratum_exists?
30
- FileUtils.rm_rf("stratum")
31
- if replace
32
- copy_files
33
- puts "Stratum updated"
34
- else
35
- puts "Stratum has been removed"
36
- end
37
- else
38
- puts "Stratum installation is not found in current directory"
39
- end
40
- end
41
-
42
- desc 'version', 'Show Stratum version'
43
- def version
44
- say "Stratum #{Stratum::VERSION}"
45
- end
46
-
47
- private
48
-
49
- def stratum_exists?
50
- install_path.exist?
51
- end
52
-
53
- def install_path
54
- @install_path ||= if options[:path]
55
- Pathname.new(File.join(options[:path], 'stratum'))
56
- else
57
- Pathname.new('stratum')
58
- end
59
- end
60
-
61
- def copy_files
62
- FileUtils.mkdir_p(install_path)
63
- FileUtils.cp_r(assets_stylesheets, install_path)
64
- end
65
-
66
- def assets_stylesheets
67
- current_dir = File.dirname(File.dirname(__FILE__))
68
- stylesheets = File.join(current_dir, "assets", "stylesheets")
69
-
70
- Dir["#{stylesheets}/*"]
71
- end
72
- end
73
- end
1
+ require 'stratum/generator'
2
+ require 'stratum/version'
data/stratum.gemspec CHANGED
@@ -1,7 +1,7 @@
1
1
  # -*- encoding: utf-8 -*-
2
2
 
3
3
  $:.push File.expand_path("../lib", __FILE__)
4
- require "version"
4
+ require "stratum/version"
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = 'stratum'
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.2.4
4
+ version: 0.3.0
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-02-11 00:00:00.000000000 Z
12
+ date: 2013-03-02 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: thor
16
- requirement: &70133679732860 !ruby/object:Gem::Requirement
16
+ requirement: &70230928584260 !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: *70133679732860
24
+ version_requirements: *70230928584260
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
@@ -30,56 +30,45 @@ executables:
30
30
  extensions: []
31
31
  extra_rdoc_files: []
32
32
  files:
33
+ - .editorconfig
33
34
  - .gitignore
34
- - .gitmodules
35
35
  - LICENSE
36
36
  - README.md
37
+ - assets/stylesheets/_css3.scss
38
+ - assets/stylesheets/_helpers.scss
37
39
  - assets/stylesheets/_stratum.scss
38
- - assets/stylesheets/addons/_dimensions.scss
39
- - assets/stylesheets/addons/_group.scss
40
- - assets/stylesheets/addons/_position.scss
41
- - assets/stylesheets/addons/_vendor-prefix.scss
42
40
  - assets/stylesheets/css3/_animation.scss
43
41
  - assets/stylesheets/css3/_border-radius.scss
44
42
  - assets/stylesheets/css3/_box-sizing.scss
45
43
  - assets/stylesheets/css3/_transform.scss
46
44
  - assets/stylesheets/css3/_transition.scss
45
+ - assets/stylesheets/css3/_user-select.scss
47
46
  - assets/stylesheets/forms/_input-placeholder.scss
48
- - assets/stylesheets/layout/_grid-functions.scss
49
- - assets/stylesheets/layout/_grid-guides.scss
50
- - assets/stylesheets/layout/_grid-mixins.scss
51
- - assets/stylesheets/layout/_grid-semantics.scss
47
+ - assets/stylesheets/helpers/_box.scss
48
+ - assets/stylesheets/helpers/_dimensions.scss
49
+ - assets/stylesheets/helpers/_group.scss
50
+ - assets/stylesheets/helpers/_icon-map.scss
51
+ - assets/stylesheets/helpers/_icons.scss
52
+ - assets/stylesheets/helpers/_position.scss
53
+ - assets/stylesheets/helpers/_triangle.scss
54
+ - assets/stylesheets/helpers/_vendor-prefix.scss
52
55
  - assets/stylesheets/layout/_grid.scss
53
56
  - assets/stylesheets/layout/_responsive.scss
57
+ - assets/stylesheets/layout/grid/_functions.scss
58
+ - assets/stylesheets/layout/grid/_guides.scss
59
+ - assets/stylesheets/layout/grid/_mixins.scss
60
+ - assets/stylesheets/layout/grid/_semantics.scss
61
+ - assets/stylesheets/layout/grid/semantics/_core.scss
62
+ - assets/stylesheets/layout/grid/semantics/_nested.scss
63
+ - assets/stylesheets/layout/grid/semantics/_offsets.scss
64
+ - assets/stylesheets/layout/grid/semantics/_overrides.scss
65
+ - assets/stylesheets/layout/grid/semantics/_subdivisions.scss
54
66
  - assets/stylesheets/layout/scaffolding.scss
55
67
  - bin/stratum
56
68
  - lib/stratum.rb
57
- - lib/version.rb
69
+ - lib/stratum/generator.rb
70
+ - lib/stratum/version.rb
58
71
  - stratum.gemspec
59
- - tests/Gemfile
60
- - tests/Gemfile.lock
61
- - tests/Guardfile
62
- - tests/_config.yml
63
- - tests/_includes/menu-grids.html
64
- - tests/_includes/shared-grid-samples.html
65
- - tests/_layouts/default.html
66
- - tests/grid/arstechnica.html
67
- - tests/grid/bbc.html
68
- - tests/grid/fluid.html
69
- - tests/grid/guardian.html
70
- - tests/grid/index.html
71
- - tests/grid/pixel.html
72
- - tests/images/arstechnica.png
73
- - tests/images/bbc.png
74
- - tests/images/capture.js
75
- - tests/images/guardian-home.png
76
- - tests/scss/_mock-block.scss
77
- - tests/scss/arstechnica.scss
78
- - tests/scss/bbc.scss
79
- - tests/scss/fluid-grid.scss
80
- - tests/scss/guardian.scss
81
- - tests/scss/main.scss
82
- - tests/scss/pixel-grid.scss
83
72
  homepage: http://rubygems.org/gems/stratum
84
73
  licenses: []
85
74
  post_install_message:
data/.gitmodules DELETED
@@ -1,3 +0,0 @@
1
- [submodule "tests/vendor/livereload-js"]
2
- path = tests/vendor/livereload-js
3
- url = git@github.com:tyom/livereload-js.git
@@ -1,93 +0,0 @@
1
- // Grid debugging tools: Guides
2
- // ============================================================================
3
-
4
- // Guides rely on `::before` pseudo element so the will only work on elements
5
- // that don't already use it (e.g. not `group(true)`)
6
-
7
- // Draws grid guides
8
- @mixin grid-render-guides($grid-size: $grid-size, $grid-type: $grid-type) {
9
-
10
- $v-block-size: 8;
11
-
12
- // Pixel grid default values
13
- $v-column-gutter: grid-column-gutter();
14
- $v-column-width: grid-column-width();
15
- $v-column-relative-width: grid-column-gutter() + grid-column-width();
16
-
17
- @if $grid-type == fluid {
18
- // Calculate gutter to column ratio
19
- $v-gutter-ratio: $v-column-gutter / ($v-column-width + $v-column-gutter);
20
- // Calculate column to grid width ratio
21
- // not entirely sure where $v-column-gutter/3 magic number comes from, but it's necessary to make it work
22
- $v-column-ratio: ($v-column-width + $v-column-gutter) / ($grid-size - $v-column-gutter / 3);
23
-
24
- // Reset column size with percentages
25
- $v-column-gutter: percentage($v-gutter-ratio);
26
- $v-column-width: 100 - percentage($v-gutter-ratio);
27
- $v-column-relative-width: percentage($v-column-ratio);
28
- }
29
-
30
- $v-column-gutter: $v-column-width + $v-column-gutter;
31
- $v-block-height: (($grid-baseline + 1) * $v-block-size) + $grid-baseline;
32
-
33
- position: relative;
34
-
35
- &:before {
36
- content: " ";
37
- position: absolute;
38
- top: 0;
39
- left: 0;
40
- right: 0;
41
- bottom: 0;
42
-
43
- background:
44
- // Baseline (v-rhythm)
45
- -webkit-linear-gradient(
46
- transparent $grid-baseline,
47
- rgba(white, $grid-guides-opacity) $grid-baseline),
48
- // Columns
49
- -webkit-linear-gradient(left,
50
- rgba($grid-guides-color, $grid-guides-opacity),
51
- rgba($grid-guides-color, $grid-guides-opacity) $v-column-width,
52
- transparent $v-column-width,
53
- transparent $v-column-gutter),
54
- // Blocks
55
- -webkit-linear-gradient(
56
- transparent ($v-block-height - $grid-baseline),
57
- rgba(white, $grid-guides-opacity / 1.2) $grid-baseline),
58
- // Base colour
59
- -webkit-linear-gradient(
60
- rgba($grid-guides-color, $grid-guides-opacity),
61
- rgba($grid-guides-color, $grid-guides-opacity));
62
-
63
- background-size:
64
- $v-column-gutter $grid-baseline + 1, // v-rhythm
65
- $v-column-relative-width 10px, // column
66
- $v-column-gutter ($v-block-height + 1); // block
67
- }
68
- }
69
-
70
- // Show grid guides on all grid containers
71
- @mixin GRID-GUIDES($position: back) {
72
- %l-container {
73
- @include show-grid-guides($position);
74
- }
75
- }
76
-
77
- // Show grid guide on element
78
- @mixin show-grid-guides($position: back) {
79
- @include grid-render-guides($grid-size);
80
-
81
- &::before {
82
- // Grid placement (back by default)
83
- @if $position == front {
84
- z-index: 999;
85
- } @else {
86
- z-index: -1;
87
- }
88
- }
89
-
90
- %l-container::before {
91
- content: none;
92
- }
93
- }
@@ -1,79 +0,0 @@
1
- @import "grid-functions";
2
-
3
- // Grid initialisation
4
- // -------------------
5
- $grid-gutter: grid-column-gutter();
6
- $grid-half-gutter: $grid-gutter / 2;
7
- $grid-column: grid-column-width();
8
-
9
-
10
- // Mixins
11
- // ------
12
-
13
- // Grid container to set grid bounds
14
- @mixin grid-container($width: $grid-size) {
15
- @include box-sizing(content-box);
16
- @include group;
17
- width: $width;
18
- margin: {
19
- left: auto;
20
- right: auto;
21
- }
22
- }
23
-
24
- // Grid row
25
- // $type: <pixel|fluid>
26
- @mixin grid-row($type: $grid-type) {
27
- @include group;
28
- @include grid-column-margins($type, -1);
29
- clear: both;
30
- }
31
-
32
- // Converts into grid column
33
- // $variation - can be normal, last, end, inner or centered
34
- @mixin grid-column($type: $grid-type) {
35
- @include box-sizing(border-box);
36
- min-height: 1px;
37
- float: left;
38
- }
39
-
40
- // Column margins
41
- // $modifier: 1 - normal (column) margins
42
- // $modifier: -1 - negative (row) margins
43
- @mixin grid-column-margins($type: $grid-type, $modifier: 1) {
44
- $v-gutter: 0;
45
-
46
- @if $type == fluid {
47
- $v-gutter: grid-percentage($grid-half-gutter * $modifier);
48
- } @else if $type == pixel {
49
- $v-gutter: $grid-half-gutter * $modifier;
50
- } @else if $type == center {
51
- $v-gutter: auto;
52
- }
53
-
54
- margin-left: $v-gutter;
55
- margin-right: $v-gutter;
56
- }
57
-
58
- // Calculate single column width (in pixels) multipled by number of columns it spans (indluding gutters)
59
- @mixin grid-column-width($span: 1, $type: $grid-type, $gutter: $grid-gutter, $total-columns: $grid-total-columns) {
60
- width: grid-columns-width($span, $grid-column, $gutter, $type, $total-columns);
61
- }
62
-
63
- // Calculate offset width based on number of columns it spans (including gutters)
64
- @mixin grid-offset-by-column($span: 1, $direction: left, $flow: positive, $grid-type: $grid-type) {
65
- $v-offset: grid-columns-width($span, $type: $grid-type);
66
- $v-gutter: $grid-gutter;
67
-
68
- // Fluid grid
69
- @if $grid-type == fluid {
70
- $v-gutter: grid-percentage($v-gutter);
71
- }
72
-
73
- // Negative offset
74
- @if $flow == negative {
75
- margin-#{$direction}: -$v-offset - ($v-gutter / 2);
76
- } @else {
77
- margin-#{$direction}: $v-offset + ($v-gutter * 1.5);
78
- }
79
- }
@@ -1,266 +0,0 @@
1
- // Semantic grid components
2
- // ========================
3
-
4
- // These placeholder selectors can be used to convert any element into
5
- // grid component. To use extend element with appropriate placeholder.
6
- // It will automatically take care of the parent and descending components
7
- // as long as the correct grid components are used.
8
-
9
- // You should think about this file as mapping between your styles and
10
- // grid mixins and functions that calculate your individual grid elements
11
- // from parameters you provide. It doesn't contain any values.
12
-
13
- // The structure of the grid is as follows:
14
-
15
- // %l-container – A grid is always contained in one of these
16
- // They use global grid settings and can be overriden with:
17
- // %l-grid-pixel – Force pixel grid
18
- // %l-grid-fluid – Force fluid grid
19
- // %l-gutterless – Collapse column margins (gutters)
20
- //
21
- // %l-row – Grid consists of a number of rows
22
- // They are required for correct column margins, but can be omitted,
23
- // in which case the grid with no `%l-row` becomes gutterless
24
- //
25
- // %l-col – Column, the unit of the grid
26
- // %l-col-<$i> – Column size (e.g. `%l-col-4` spans four single columns, including three gutters)
27
- // %l-col-<n>-of-<n> - Fractional column size of parent total (e.g. 2-of-8 is 2/8 and equals 25%)
28
- // %l-col-center - Center column
29
- //
30
- // l-col-from-left-<$i> – Offset column by <column size> from left
31
- // l-col-to-left-<$i> – Offset column by <column size> to left (negative margin)
32
- // l-col-from-right-<$i> – Offset column by <column size> from right
33
- // l-col-to-right-<$i> – Offset column by <column size> to right (negative margin)
34
- //
35
- // %l-last-col-right – This settings forces last column to float to right, which helps to eliminate
36
- // pixel gap caused by rounding in fluid grids and ensures first and last column
37
- // occupy full width of grid container.
38
- // Applied to grid container (@extend).
39
-
40
- // For examples of usage of these components see `scaffolding.scss` file.
41
-
42
-
43
- // # Individual grid components
44
-
45
- // Grid container
46
- %l-container {
47
- @include grid-container;
48
-
49
- // Defines inner grid container (nested grid)
50
- %l-container {
51
- width: auto;
52
- }
53
-
54
- // Defines grid row
55
- %l-row {
56
- @include grid-row;
57
- }
58
-
59
- // Defines grid row of forced fluid grid
60
- &%l-grid-fluid > %l-row, {
61
- @include grid-row(fluid);
62
- }
63
- // Defines grid row of forced pixel grid
64
- &%l-grid-pixel > %l-row {
65
- @include grid-row(pixel);
66
- }
67
-
68
- // Always set nested grids to fluid
69
- &%l-container %l-container > %l-row, {
70
- @include grid-row(fluid);
71
- }
72
-
73
- // Defines row of gutterless grid
74
- %l-gutterless {
75
- &, %l-row {
76
- margin: {
77
- left: 0;
78
- right: 0;
79
- }
80
- }
81
- }
82
- }
83
-
84
-
85
- // Defines columns
86
- %l-col {
87
- @include grid-column;
88
-
89
- %l-gutterless & {
90
- margin-left: 0;
91
- margin-right: 0;
92
- }
93
- }
94
-
95
-
96
- // Float last column to right if `%l-last-col-right` extended
97
- // Applied to `%l-container`
98
- %l-col + %l-col:last-child {
99
- %l-last-col-right%l-container > &,
100
- %l-last-col-right%l-container > %l-row & {
101
- float: right;
102
- }
103
- }
104
-
105
-
106
- // Column spans
107
- @for $i from 1 through $grid-total-columns {
108
- %l-col-#{$i} {
109
- @include grid-column-width($i, $grid-type);
110
-
111
- // Force pixel grid
112
- %l-grid-pixel > &,
113
- %l-grid-pixel > %l-row > & {
114
- @include grid-column-width($i, pixel);
115
- @include grid-column-margins(pixel);
116
- }
117
- // Force fluid grid
118
- %l-grid-fluid & {
119
- @include grid-column-width($i, fluid);
120
- @include grid-column-margins(fluid);
121
- }
122
-
123
- // Force gutterless grid
124
- %l-gutterless &,
125
- // Apply gutterless grid on columns without rows
126
- %l-container > & {
127
- @include grid-column-width($i, $grid-type, $gutter: 0);
128
- @include grid-column-margins(0);
129
- }
130
-
131
- %l-grid-pixel > &,
132
- %l-grid-pixel %l-gutterless & {
133
- @include grid-column-width($i, pixel, $gutter: 0);
134
- @include grid-column-margins(0);
135
- }
136
- %l-grid-fluid > &,
137
- %l-grid-fluid %l-gutterless & {
138
- @include grid-column-width($i, fluid, $gutter: 0);
139
- @include grid-column-margins(0);
140
- }
141
-
142
- // TODO (fix inconsistent gutters betweeen pixel and fluid grids)
143
- // Nested rows (for fluid grids)
144
- // Since percentage value takes into account its parent container
145
- // we need to adjust total column count to get the correct calculations
146
- %l-grid-fluid & {
147
- @for $n from 1 through $grid-total-columns {
148
- %l-row %l-col-#{$n} {
149
- @include grid-column-width($n, fluid, $total-columns: $i);
150
- }
151
- }
152
- }
153
- @if $grid-type == fluid {
154
- @for $n from 1 through $grid-total-columns {
155
- %l-row %l-col-#{$n} {
156
- @include grid-column-width($n, fluid, $total-columns: $i);
157
- }
158
- }
159
- }
160
- }
161
- }
162
-
163
- // Column spans for custom grids
164
- @for $i from 1 through $grid-total-columns {
165
- @for $n from 1 through $grid-total-columns {
166
- %l-col-#{$i}-of-#{$n} {
167
- @include grid-column-width($i, fluid, $gutter: 0, $total-columns: $n);
168
- }
169
- }
170
- }
171
-
172
-
173
- // Centre column
174
- %l-col-center {
175
- %l-container &,
176
- %l-grid-pixel &,
177
- %l-grid-fluid &,
178
- %l-gutterless & {
179
- float: none;
180
- margin-left: auto;
181
- margin-right: auto;
182
- }
183
- }
184
-
185
-
186
- // Defines column margins
187
- // Only applied to descendants of rows
188
- %l-row %l-col {
189
- @include grid-column-margins;
190
- }
191
-
192
-
193
- // Column offsets
194
- %l-container {
195
- @for $i from 1 through $grid-total-columns {
196
- // ## Grid with margins
197
- // Default grid offsets
198
- & > %l-row %l-col {
199
- // From left
200
- &%l-col-from-left-#{$i} {
201
- @include grid-offset-by-column($i, left, positive, $grid-type);
202
- }
203
-
204
- // To left
205
- &%l-col-to-left-#{$i} {
206
- @include grid-offset-by-column($i, left, negative, $grid-type);
207
- }
208
-
209
- // From right
210
- &%l-col-from-right-#{$i} {
211
- @include grid-offset-by-column($i, right, positive, $grid-type);
212
- }
213
-
214
- // To right
215
- &%l-col-to-right-#{$i} {
216
- @include grid-offset-by-column($i, right, negative, $grid-type);
217
- }
218
- }
219
-
220
- // Pixel grid offsets
221
- &%l-grid-pixel > %l-row %l-col {
222
- // From left
223
- &%l-col-from-left-#{$i} {
224
- @include grid-offset-by-column($i, left, positive, pixel);
225
- }
226
-
227
- // To left
228
- &%l-col-to-left-#{$i} {
229
- @include grid-offset-by-column($i, left, negative, pixel);
230
- }
231
-
232
- // From right
233
- &%l-col-from-right-#{$i} {
234
- @include grid-offset-by-column($i, right, positive, pixel);
235
- }
236
-
237
- // To right
238
- &%l-col-to-right-#{$i} {
239
- @include grid-offset-by-column($i, right, negative, pixel);
240
- }
241
- }
242
-
243
- // Fluid grid offsets
244
- &%l-grid-fluid > %l-row %l-col {
245
- // From left
246
- &%l-col-from-left-#{$i} {
247
- @include grid-offset-by-column($i, left, positive, fluid);
248
- }
249
-
250
- // To left
251
- &%l-col-to-left-#{$i} {
252
- @include grid-offset-by-column($i, left, negative, fluid);
253
- }
254
-
255
- // From right
256
- &%l-col-from-right-#{$i} {
257
- @include grid-offset-by-column($i, right, positive, fluid);
258
- }
259
-
260
- // To right
261
- &%l-col-to-right-#{$i} {
262
- @include grid-offset-by-column($i, right, negative, fluid);
263
- }
264
- }
265
- }
266
- }
data/lib/version.rb DELETED
@@ -1,3 +0,0 @@
1
- module Stratum
2
- VERSION = "0.2.4"
3
- end
data/tests/Gemfile DELETED
@@ -1,6 +0,0 @@
1
- source 'https://rubygems.org'
2
-
3
- gem 'rb-fsevent', '~> 0.9.1'
4
- gem 'guard-sass', :require => false
5
- gem 'guard-livereload'
6
- gem 'jekyll'