singularitygs 1.0.alpha.2 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. data/lib/singularitygs.rb +2 -3
  2. data/stylesheets/_singularitygs.scss +45 -56
  3. data/stylesheets/singularitygs/_api.scss +39 -0
  4. data/stylesheets/singularitygs/_grids.scss +2 -0
  5. data/stylesheets/singularitygs/_gutters.scss +2 -0
  6. data/stylesheets/singularitygs/_helpers.scss +15 -3
  7. data/stylesheets/singularitygs/_language.scss +3 -0
  8. data/stylesheets/singularitygs/_math.scss +3 -0
  9. data/stylesheets/singularitygs/api/_float.scss +93 -0
  10. data/stylesheets/singularitygs/api/_isolation.scss +48 -0
  11. data/stylesheets/singularitygs/grids/_add.scss +10 -0
  12. data/stylesheets/singularitygs/grids/_find.scss +17 -0
  13. data/stylesheets/singularitygs/gutters/_add.scss +10 -0
  14. data/stylesheets/singularitygs/gutters/_find.scss +17 -0
  15. data/stylesheets/singularitygs/helpers/_background-grid.scss +186 -0
  16. data/stylesheets/singularitygs/helpers/_box-sizing.scss +25 -0
  17. data/stylesheets/singularitygs/helpers/_clearfix.scss +51 -0
  18. data/stylesheets/singularitygs/helpers/_columns.scss +15 -0
  19. data/stylesheets/singularitygs/helpers/_directions.scss +37 -0
  20. data/stylesheets/singularitygs/helpers/_find.scss +75 -0
  21. data/stylesheets/singularitygs/helpers/_sass-lists.scss +71 -0
  22. data/stylesheets/singularitygs/helpers/_span-shared.scss +9 -0
  23. data/stylesheets/singularitygs/language/_parse-add.scss +19 -0
  24. data/stylesheets/singularitygs/language/_parse-list.scss +53 -0
  25. data/stylesheets/singularitygs/language/_span.scss +20 -0
  26. data/stylesheets/singularitygs/math/_columns.scss +70 -0
  27. data/stylesheets/singularitygs/math/_context.scss +3 -0
  28. data/stylesheets/singularitygs/math/_gutters.scss +11 -0
  29. data/templates/{project → box-sizing}/behaviors/box-sizing/boxsizing.htc +0 -0
  30. data/templates/{project → box-sizing}/behaviors/box-sizing/boxsizing.php +0 -0
  31. data/templates/box-sizing/manifest.rb +4 -0
  32. data/templates/project/grid.js +16 -0
  33. data/templates/project/grid.min.js +2 -0
  34. data/templates/project/manifest.rb +21 -2
  35. data/templates/project/partials/_base.scss +4 -0
  36. data/templates/project/style.scss +15 -0
  37. metadata +39 -52
  38. data/stylesheets/singularitygs/_background-grid.scss +0 -49
  39. data/stylesheets/singularitygs/_column.scss +0 -51
  40. data/stylesheets/singularitygs/_grid-plugins.scss +0 -4
  41. data/stylesheets/singularitygs/_grid-structure.scss +0 -14
  42. data/stylesheets/singularitygs/_grid-test.scss +0 -58
  43. data/stylesheets/singularitygs/_grid.scss +0 -6
  44. data/stylesheets/singularitygs/_gutter.scss +0 -45
  45. data/stylesheets/singularitygs/_mixins.scss +0 -7
  46. data/stylesheets/singularitygs/grid-plugins/_compound.scss +0 -49
  47. data/stylesheets/singularitygs/grid-plugins/_gridset.scss +0 -16
  48. data/stylesheets/singularitygs/grid-plugins/_ratio-spiral.scss +0 -42
  49. data/stylesheets/singularitygs/grid-plugins/_ratio.scss +0 -24
  50. data/stylesheets/singularitygs/grid-structure/_display-table.scss +0 -1
  51. data/stylesheets/singularitygs/grid-structure/_flexbox.scss +0 -0
  52. data/stylesheets/singularitygs/grid-structure/_float.scss +0 -98
  53. data/stylesheets/singularitygs/grid-structure/_grid-layout.scss +0 -1
  54. data/stylesheets/singularitygs/grid-structure/_isolation.scss +0 -154
  55. data/stylesheets/singularitygs/helpers/_alphabet.scss +0 -1
  56. data/stylesheets/singularitygs/helpers/_grids.scss +0 -34
  57. data/stylesheets/singularitygs/helpers/_gridsets.scss +0 -388
  58. data/stylesheets/singularitygs/helpers/_lists.scss +0 -29
  59. data/stylesheets/singularitygs/mixins/_base-font-size.scss +0 -63
  60. data/stylesheets/singularitygs/mixins/_container.scss +0 -63
  61. data/stylesheets/singularitygs/mixins/_grid-build.scss +0 -9
  62. data/stylesheets/singularitygs/mixins/_grid-objects.scss +0 -28
  63. data/stylesheets/singularitygs/mixins/_grid-padding.scss +0 -8
  64. data/stylesheets/singularitygs/mixins/_grid-span.scss +0 -34
  65. data/stylesheets/singularitygs/mixins/_push-pull.scss +0 -41
@@ -0,0 +1,3 @@
1
+ @function context($primary, $secondary) {
2
+ @return ($primary * $secondary) / 100%;;
3
+ }
@@ -0,0 +1,11 @@
1
+ @function gutter-span($gutter: false, $columns: false) {
2
+
3
+ // Find the columns and gutters
4
+ $columns: find-grid($columns);
5
+ $gutter: find-gutter($gutter);
6
+
7
+ // Combine the columns and gutters
8
+ $columns-and-gutters: column-sum($columns, $gutter);
9
+
10
+ @return (nth($gutter, 1) / $columns-and-gutters) * 100%
11
+ }
@@ -0,0 +1,4 @@
1
+ description "Box Sizing Polyfill Install"
2
+
3
+ file 'behaviors/box-sizing/boxsizing.htc'
4
+ file 'behaviors/box-sizing/boxsizing.php'
@@ -0,0 +1,16 @@
1
+ (function() {
2
+ window.onload = function() {
3
+ var body = document.body;
4
+ body.onkeypress = function(e) {
5
+ if (e.keyCode == 103 || e.charCode == 103) {
6
+ var dev = body.getAttribute('data-development-grid');
7
+ if (dev === null || dev == 'hide') {
8
+ body.setAttribute('data-development-grid', 'show');
9
+ }
10
+ else {
11
+ body.setAttribute('data-development-grid', 'hide');
12
+ }
13
+ }
14
+ }
15
+ }
16
+ })();
@@ -0,0 +1,2 @@
1
+ /*Grid Toggle*/
2
+ window.onload=function(){var b=document.body;b.onkeypress=function(a){if(103==a.keyCode||103==a.charCode)a=b.getAttribute("data-development-grid"),null===a||"hide"==a?b.setAttribute("data-development-grid","show"):b.setAttribute("data-development-grid","hide")}};
@@ -1,4 +1,23 @@
1
1
  description "Singularity Install"
2
2
 
3
- file 'behaviors/box-sizing/boxsizing.htc'
4
- file 'behaviors/box-sizing/boxsizing.php'
3
+ discover :stylesheets
4
+ discover :javascripts
5
+
6
+ help %Q{
7
+ For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
8
+
9
+ To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
10
+ }
11
+
12
+ welcome_message %Q{
13
+ Welcome to Singularity! Grids Without Limits.
14
+
15
+ See our Getting Started guide at http://singularity.gs to get started and for full documentation.
16
+
17
+ If you need support for IE6/7, you should install the Border Box polyfill. Simply type `compass install singularitygs/box-sizing` in your command line from the root of your project folder (where config.rb is).
18
+
19
+
20
+ For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
21
+
22
+ To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
23
+ }
@@ -0,0 +1,4 @@
1
+ //////////////////////////////
2
+ // Imports
3
+ //////////////////////////////
4
+ @import "singularitygs";
@@ -0,0 +1,15 @@
1
+ //////////////////////////////
2
+ // Set legacy support
3
+ //
4
+ // If you need support for IE6 or IE7, you should install the Box Sizing polyfill.
5
+ // In your project's folder from the command line, type the following:
6
+ // compass install singularitygs/box-sizing
7
+ //////////////////////////////
8
+ $legacy-support-for-ie6: false;
9
+ $legacy-support-for-ie7: false;
10
+ $legacy-support-for-mozilla: false;
11
+
12
+ //////////////////////////////
13
+ // Import Base
14
+ //////////////////////////////
15
+ @import "partials/base";
metadata CHANGED
@@ -1,13 +1,12 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: singularitygs
3
3
  version: !ruby/object:Gem::Version
4
- prerelease: true
4
+ prerelease: false
5
5
  segments:
6
6
  - 1
7
7
  - 0
8
- - alpha
9
- - 2
10
- version: 1.0.alpha.2
8
+ - 0
9
+ version: 1.0.0
11
10
  platform: ruby
12
11
  authors:
13
12
  - Scott Kellum
@@ -16,7 +15,7 @@ autorequire:
16
15
  bindir: bin
17
16
  cert_chain: []
18
17
 
19
- date: 2012-12-02 00:00:00 -05:00
18
+ date: 2013-04-01 00:00:00 -04:00
20
19
  default_executable:
21
20
  dependencies:
22
21
  - !ruby/object:Gem::Dependency
@@ -47,24 +46,10 @@ dependencies:
47
46
  version: 0.12.2
48
47
  type: :runtime
49
48
  version_requirements: *id002
50
- - !ruby/object:Gem::Dependency
51
- name: modular-scale
52
- prerelease: false
53
- requirement: &id003 !ruby/object:Gem::Requirement
54
- requirements:
55
- - - ">="
56
- - !ruby/object:Gem::Version
57
- segments:
58
- - 1
59
- - 0
60
- - 2
61
- version: 1.0.2
62
- type: :runtime
63
- version_requirements: *id003
64
49
  - !ruby/object:Gem::Dependency
65
50
  name: breakpoint
66
51
  prerelease: false
67
- requirement: &id004 !ruby/object:Gem::Requirement
52
+ requirement: &id003 !ruby/object:Gem::Requirement
68
53
  requirements:
69
54
  - - ">="
70
55
  - !ruby/object:Gem::Version
@@ -74,7 +59,7 @@ dependencies:
74
59
  - 1
75
60
  version: 1.1.1
76
61
  type: :runtime
77
- version_requirements: *id004
62
+ version_requirements: *id003
78
63
  description: Advanced responsive grid system for Sass and Compass
79
64
  email:
80
65
  - scott@scottkellum.com
@@ -88,38 +73,40 @@ extra_rdoc_files: []
88
73
  files:
89
74
  - lib/singularitygs.rb
90
75
  - stylesheets/_singularitygs.scss
91
- - stylesheets/singularitygs/_background-grid.scss
92
- - stylesheets/singularitygs/_column.scss
93
- - stylesheets/singularitygs/_grid-plugins.scss
94
- - stylesheets/singularitygs/_grid-structure.scss
95
- - stylesheets/singularitygs/_grid-test.scss
96
- - stylesheets/singularitygs/_grid.scss
97
- - stylesheets/singularitygs/_gutter.scss
76
+ - stylesheets/singularitygs/_api.scss
77
+ - stylesheets/singularitygs/_grids.scss
78
+ - stylesheets/singularitygs/_gutters.scss
98
79
  - stylesheets/singularitygs/_helpers.scss
99
- - stylesheets/singularitygs/_mixins.scss
100
- - stylesheets/singularitygs/grid-plugins/_compound.scss
101
- - stylesheets/singularitygs/grid-plugins/_gridset.scss
102
- - stylesheets/singularitygs/grid-plugins/_ratio-spiral.scss
103
- - stylesheets/singularitygs/grid-plugins/_ratio.scss
104
- - stylesheets/singularitygs/grid-structure/_display-table.scss
105
- - stylesheets/singularitygs/grid-structure/_flexbox.scss
106
- - stylesheets/singularitygs/grid-structure/_float.scss
107
- - stylesheets/singularitygs/grid-structure/_grid-layout.scss
108
- - stylesheets/singularitygs/grid-structure/_isolation.scss
109
- - stylesheets/singularitygs/helpers/_alphabet.scss
110
- - stylesheets/singularitygs/helpers/_grids.scss
111
- - stylesheets/singularitygs/helpers/_gridsets.scss
112
- - stylesheets/singularitygs/helpers/_lists.scss
113
- - stylesheets/singularitygs/mixins/_base-font-size.scss
114
- - stylesheets/singularitygs/mixins/_container.scss
115
- - stylesheets/singularitygs/mixins/_grid-build.scss
116
- - stylesheets/singularitygs/mixins/_grid-objects.scss
117
- - stylesheets/singularitygs/mixins/_grid-padding.scss
118
- - stylesheets/singularitygs/mixins/_grid-span.scss
119
- - stylesheets/singularitygs/mixins/_push-pull.scss
120
- - templates/project/behaviors/box-sizing/boxsizing.htc
121
- - templates/project/behaviors/box-sizing/boxsizing.php
80
+ - stylesheets/singularitygs/_language.scss
81
+ - stylesheets/singularitygs/_math.scss
82
+ - stylesheets/singularitygs/api/_float.scss
83
+ - stylesheets/singularitygs/api/_isolation.scss
84
+ - stylesheets/singularitygs/grids/_add.scss
85
+ - stylesheets/singularitygs/grids/_find.scss
86
+ - stylesheets/singularitygs/gutters/_add.scss
87
+ - stylesheets/singularitygs/gutters/_find.scss
88
+ - stylesheets/singularitygs/helpers/_background-grid.scss
89
+ - stylesheets/singularitygs/helpers/_box-sizing.scss
90
+ - stylesheets/singularitygs/helpers/_clearfix.scss
91
+ - stylesheets/singularitygs/helpers/_columns.scss
92
+ - stylesheets/singularitygs/helpers/_directions.scss
93
+ - stylesheets/singularitygs/helpers/_find.scss
94
+ - stylesheets/singularitygs/helpers/_sass-lists.scss
95
+ - stylesheets/singularitygs/helpers/_span-shared.scss
96
+ - stylesheets/singularitygs/language/_parse-add.scss
97
+ - stylesheets/singularitygs/language/_parse-list.scss
98
+ - stylesheets/singularitygs/language/_span.scss
99
+ - stylesheets/singularitygs/math/_columns.scss
100
+ - stylesheets/singularitygs/math/_context.scss
101
+ - stylesheets/singularitygs/math/_gutters.scss
102
+ - templates/box-sizing/behaviors/box-sizing/boxsizing.htc
103
+ - templates/box-sizing/behaviors/box-sizing/boxsizing.php
104
+ - templates/box-sizing/manifest.rb
105
+ - templates/project/grid.js
106
+ - templates/project/grid.min.js
122
107
  - templates/project/manifest.rb
108
+ - templates/project/partials/_base.scss
109
+ - templates/project/style.scss
123
110
  has_rdoc: true
124
111
  homepage: http://singularity.gs
125
112
  licenses: []
@@ -150,6 +137,6 @@ rubyforge_project: singularitygs
150
137
  rubygems_version: 1.3.6
151
138
  signing_key:
152
139
  specification_version: 3
153
- summary: Singularity is a fluid grid system that can generate uniform columns as well as asymmetric and compound grids with tools to write grids as functions, mixins, or class based objects.
140
+ summary: Singularity is a fluid grid system that can generate uniform columns as well as asymmetric and compound grids. It is designed to be extensable, adding additional outputs or grid generators are easy, and the core syntax is simple to build upon for custom input syntaxes.
154
141
  test_files: []
155
142
 
@@ -1,49 +0,0 @@
1
- // Write stops for single columns
2
- @function grid-gradient-stop($location, $columns, $gutter, $color) {
3
- @if $location == 1 {
4
- @return $color 0%, $color column-span(1, 1, $columns), transparentize($color, 1) column-span(1, 1, $columns);
5
- }
6
- @if $location == column-count($columns) {
7
- @return transparentize($color, 1) column-span($location - 1, 1, $columns) + gutter-span($gutter, $columns), $color column-span($location - 1, 1, $columns) + gutter-span($gutter, $columns), $color 100%;
8
- }
9
- @if $location > 1 {
10
- @return transparentize($color, 1) column-span($location - 1, 1, $columns) + gutter-span($gutter, $columns), $color column-span($location - 1, 1, $columns) + gutter-span($gutter, $columns), $color column-span($location, 1, $columns), transparentize($color, 1) column-span($location, 1, $columns);
11
- }
12
- }
13
-
14
- // Compiling grid stops
15
- @function grid-gradient-stops($columns, $gutter, $color) {
16
- $list: ();
17
- @for $i from 1 through column-count($columns) {
18
- $list: join($list, grid-gradient-stop($i, $columns, $gutter, $color), comma);
19
- }
20
- @return $list;
21
- }
22
-
23
- // Pull in grid stops to make a background gradient
24
- @mixin background-grid($columns: false, $gutter: false, $color: rgba(#69aedb, 0.5)) {
25
- $gl: length($grids);
26
-
27
- @if $gl == 0 {
28
- $columns: find-grid($columns);
29
- $gutter: find-gutter($gutter);
30
- @include background(linear-gradient(left, grid-gradient-stops($columns, $gutter, $color)));
31
- }
32
- @else {
33
- @for $i from 1 through $gl {
34
- @if $i == 1 {
35
- $grid: nth($grids, 1);
36
- $gutter: find-gutter($gutter);
37
- @include background(linear-gradient(left, grid-gradient-stops($grid, $gutter, $color)));
38
- }
39
- @else {
40
- $grid: nth(nth($grids, $i), 1);
41
- $mq: nth(nth($grids, $i), 2);
42
- @include breakpoint($mq) {
43
- $gutter: find-gutter($gutter);
44
- @include background(linear-gradient(left, grid-gradient-stops($grid, $gutter, $color)));
45
- }
46
- }
47
- }
48
- }
49
- }
@@ -1,51 +0,0 @@
1
- // Calculate the width spanning multiple columns
2
- @function column-span($span, $location: 1, $columns: $columns, $gutter: $gutter) {
3
- // if the gutter is a percent, convert it to a ratio
4
-
5
- @if unit($gutter) == '%' {
6
- $gutter: percentage-gutter-conversion($gutter, $columns);
7
- }
8
-
9
- // gutters are a type of column
10
- $columns-and-gutters: column-sum($columns, $gutter);
11
-
12
- // Equal width columns
13
- @if type-of($columns) == number {
14
- $span-and-gutter: $span + (($span - 1) * $gutter);
15
- @return $span-and-gutter / $columns-and-gutters * 100%;
16
- }
17
- // Variable width columns
18
- @if type-of($columns) == list {
19
- // zero out initial sum
20
- $sum: 0;
21
- $holder: ();
22
- // from start point to end point
23
- @for $i from $location to $location + $span {
24
- $holder: append($holder, nth(nth($columns, $i), 1), comma);
25
- }
26
-
27
- @return column-sum($holder, $gutter) / $columns-and-gutters * 100%;
28
- }
29
-
30
- @return 10%;
31
- }
32
-
33
- @function column-sum($columns: $columns, $gutter: $gutter) {
34
-
35
- // if the gutter is a percent, convert it to a ratio
36
- @if unit($gutter) == percentage {
37
- $gutter: percentage-gutter-conversion($gutter, $columns);
38
- }
39
-
40
- @if type-of($columns) == 'number' {
41
- @return $columns + ((column-count($columns) - 1) * $gutter);
42
- }
43
- @else if type-of($columns) == 'list' {
44
- $sum: 0;
45
- @each $column in $columns {
46
- $sum: $sum + nth($column, 1);
47
- }
48
- $sum: $sum + (column-count($columns) - 1) * $gutter;
49
- @return $sum;
50
- }
51
- }
@@ -1,4 +0,0 @@
1
- @import "grid-plugins/compound";
2
- @import "grid-plugins/gridset";
3
- @import "grid-plugins/ratio-spiral";
4
- @import "grid-plugins/ratio";
@@ -1,14 +0,0 @@
1
- @import "grid-structure/float";
2
- @import "grid-structure/isolation";
3
-
4
- // main structure mixin
5
- @mixin grid-structure($output, $span, $location, $columns, $gutter, $padding, $grid-output-block: both) {
6
-
7
- @if $output == float {
8
- @include float-structure($span, $location, $columns, $gutter, $padding, $grid-output-block)
9
- }
10
-
11
- @if $output == isolation {
12
- @include isolation-structure($span, $location, $columns, $gutter, $padding, $grid-output-block)
13
- }
14
- }
@@ -1,58 +0,0 @@
1
- @mixin test-grid($columns: $columns, $gutter: $gutter, $padding: $padding, $prefix: a, $color: #66bbbb) {
2
- .test-grid {
3
- height: 200px;
4
- width: 100%;
5
- }
6
- $grid-counter: 1;
7
- @for $i from 1 through column-count($columns) {
8
- .test.#{$prefix}#{$i} {
9
- height: 100%;
10
- @include grid-span(1, $i, $columns, $gutter, $padding);
11
- // ie fallback
12
- background-color: $color;
13
- background-color: transparentize($color, 0.5);
14
- .inner {
15
- height: 100%;
16
- // ie fallback
17
- background-color: lighten($color, 10%);
18
- background-color: transparentize($color, 0.5);
19
- }
20
- }
21
- }
22
- }
23
-
24
- // Need this markup to test
25
- //<div class="test-grid">
26
- //<div class="test a1"><div class="inner"></div></div>
27
- //<div class="test a2"><div class="inner"></div></div>
28
- //<div class="test a3"><div class="inner"></div></div>
29
- //<div class="test a4"><div class="inner"></div></div>
30
- //<div class="test a5"><div class="inner"></div></div>
31
- //<div class="test a6"><div class="inner"></div></div>
32
- //<div class="test a7"><div class="inner"></div></div>
33
- //<div class="test a8"><div class="inner"></div></div>
34
- //<div class="test a9"><div class="inner"></div></div>
35
- //<div class="test a10"><div class="inner"></div></div>
36
- //<div class="test a11"><div class="inner"></div></div>
37
- //<div class="test a12"><div class="inner"></div></div>
38
- //<div class="test a13"><div class="inner"></div></div>
39
- //<div class="test a14"><div class="inner"></div></div>
40
- //<div class="test a15"><div class="inner"></div></div>
41
- //<div class="test a16"><div class="inner"></div></div>
42
- //<div class="test a17"><div class="inner"></div></div>
43
- //<div class="test a18"><div class="inner"></div></div>
44
- //<div class="test a19"><div class="inner"></div></div>
45
- //<div class="test a20"><div class="inner"></div></div>
46
- //<div class="test a21"><div class="inner"></div></div>
47
- //<div class="test a22"><div class="inner"></div></div>
48
- //<div class="test a23"><div class="inner"></div></div>
49
- //<div class="test a24"><div class="inner"></div></div>
50
- //<div class="test a25"><div class="inner"></div></div>
51
- //<div class="test a26"><div class="inner"></div></div>
52
- //<div class="test a27"><div class="inner"></div></div>
53
- //<div class="test a28"><div class="inner"></div></div>
54
- //<div class="test a29"><div class="inner"></div></div>
55
- //<div class="test a30"><div class="inner"></div></div>
56
- //<div class="test a31"><div class="inner"></div></div>
57
- //<div class="test a32"><div class="inner"></div></div>
58
- //</div>
@@ -1,6 +0,0 @@
1
- @function grid-span($span, $location: 1, $columns: false, $gutter: false) {
2
- $columns: find-grid($columns);
3
- $gutter: find-gutter($gutter);
4
-
5
- @return column-span($span, $location, $columns, $gutter);
6
- }
@@ -1,45 +0,0 @@
1
- // percentage conversion
2
- @function percentage-gutter-conversion($percent-gutter, $columns) {
3
-
4
- // find the resolution of the grids
5
- $resolution: 0;
6
- @if length($columns) == 1 {
7
- $resolution: $columns;
8
- }
9
- @else {
10
- @each $column in $columns {
11
- $resolution: $resolution + nth($column, 1);
12
- }
13
- }
14
-
15
- // divide the percentage gutter by 100% to get the offset
16
- // then multiply be resolution for the full conversion
17
- $new-gutter: ($percent-gutter / 100%) * $resolution;
18
-
19
- @return $new-gutter;
20
- }
21
-
22
-
23
- // Gutters to be removed from columns
24
- @function gutter-offset($gutter, $columns) {
25
-
26
- // if the gutter is a percent, convert it to a ratio
27
- @if unit($gutter) == '%' {
28
- $gutter: percentage-gutter-conversion($gutter, $columns);
29
- }
30
-
31
- $gutter-sum: $gutter * (column-count($columns) - 1);
32
- @return $gutter-sum / column-count($columns);
33
- }
34
-
35
- @function gutter-span($gutter, $columns) {
36
-
37
- // if the gutter is a percent, convert it to a ratio
38
- @if unit($gutter) == '%' {
39
- $gutter: percentage-gutter-conversion($gutter, $columns);
40
- }
41
-
42
- $columns-and-gutters: column-sum($columns, $gutter);
43
-
44
- @return $gutter / $columns-and-gutters * 100%;
45
- }