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.
- data/lib/singularitygs.rb +2 -3
- data/stylesheets/_singularitygs.scss +45 -56
- data/stylesheets/singularitygs/_api.scss +39 -0
- data/stylesheets/singularitygs/_grids.scss +2 -0
- data/stylesheets/singularitygs/_gutters.scss +2 -0
- data/stylesheets/singularitygs/_helpers.scss +15 -3
- data/stylesheets/singularitygs/_language.scss +3 -0
- data/stylesheets/singularitygs/_math.scss +3 -0
- data/stylesheets/singularitygs/api/_float.scss +93 -0
- data/stylesheets/singularitygs/api/_isolation.scss +48 -0
- data/stylesheets/singularitygs/grids/_add.scss +10 -0
- data/stylesheets/singularitygs/grids/_find.scss +17 -0
- data/stylesheets/singularitygs/gutters/_add.scss +10 -0
- data/stylesheets/singularitygs/gutters/_find.scss +17 -0
- data/stylesheets/singularitygs/helpers/_background-grid.scss +186 -0
- data/stylesheets/singularitygs/helpers/_box-sizing.scss +25 -0
- data/stylesheets/singularitygs/helpers/_clearfix.scss +51 -0
- data/stylesheets/singularitygs/helpers/_columns.scss +15 -0
- data/stylesheets/singularitygs/helpers/_directions.scss +37 -0
- data/stylesheets/singularitygs/helpers/_find.scss +75 -0
- data/stylesheets/singularitygs/helpers/_sass-lists.scss +71 -0
- data/stylesheets/singularitygs/helpers/_span-shared.scss +9 -0
- data/stylesheets/singularitygs/language/_parse-add.scss +19 -0
- data/stylesheets/singularitygs/language/_parse-list.scss +53 -0
- data/stylesheets/singularitygs/language/_span.scss +20 -0
- data/stylesheets/singularitygs/math/_columns.scss +70 -0
- data/stylesheets/singularitygs/math/_context.scss +3 -0
- data/stylesheets/singularitygs/math/_gutters.scss +11 -0
- data/templates/{project → box-sizing}/behaviors/box-sizing/boxsizing.htc +0 -0
- data/templates/{project → box-sizing}/behaviors/box-sizing/boxsizing.php +0 -0
- data/templates/box-sizing/manifest.rb +4 -0
- data/templates/project/grid.js +16 -0
- data/templates/project/grid.min.js +2 -0
- data/templates/project/manifest.rb +21 -2
- data/templates/project/partials/_base.scss +4 -0
- data/templates/project/style.scss +15 -0
- metadata +39 -52
- data/stylesheets/singularitygs/_background-grid.scss +0 -49
- data/stylesheets/singularitygs/_column.scss +0 -51
- data/stylesheets/singularitygs/_grid-plugins.scss +0 -4
- data/stylesheets/singularitygs/_grid-structure.scss +0 -14
- data/stylesheets/singularitygs/_grid-test.scss +0 -58
- data/stylesheets/singularitygs/_grid.scss +0 -6
- data/stylesheets/singularitygs/_gutter.scss +0 -45
- data/stylesheets/singularitygs/_mixins.scss +0 -7
- data/stylesheets/singularitygs/grid-plugins/_compound.scss +0 -49
- data/stylesheets/singularitygs/grid-plugins/_gridset.scss +0 -16
- data/stylesheets/singularitygs/grid-plugins/_ratio-spiral.scss +0 -42
- data/stylesheets/singularitygs/grid-plugins/_ratio.scss +0 -24
- data/stylesheets/singularitygs/grid-structure/_display-table.scss +0 -1
- data/stylesheets/singularitygs/grid-structure/_flexbox.scss +0 -0
- data/stylesheets/singularitygs/grid-structure/_float.scss +0 -98
- data/stylesheets/singularitygs/grid-structure/_grid-layout.scss +0 -1
- data/stylesheets/singularitygs/grid-structure/_isolation.scss +0 -154
- data/stylesheets/singularitygs/helpers/_alphabet.scss +0 -1
- data/stylesheets/singularitygs/helpers/_grids.scss +0 -34
- data/stylesheets/singularitygs/helpers/_gridsets.scss +0 -388
- data/stylesheets/singularitygs/helpers/_lists.scss +0 -29
- data/stylesheets/singularitygs/mixins/_base-font-size.scss +0 -63
- data/stylesheets/singularitygs/mixins/_container.scss +0 -63
- data/stylesheets/singularitygs/mixins/_grid-build.scss +0 -9
- data/stylesheets/singularitygs/mixins/_grid-objects.scss +0 -28
- data/stylesheets/singularitygs/mixins/_grid-padding.scss +0 -8
- data/stylesheets/singularitygs/mixins/_grid-span.scss +0 -34
- data/stylesheets/singularitygs/mixins/_push-pull.scss +0 -41
@@ -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
|
+
}
|
File without changes
|
File without changes
|
@@ -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
|
-
|
4
|
-
|
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,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:
|
4
|
+
prerelease: false
|
5
5
|
segments:
|
6
6
|
- 1
|
7
7
|
- 0
|
8
|
-
-
|
9
|
-
|
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:
|
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: &
|
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: *
|
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/
|
92
|
-
- stylesheets/singularitygs/
|
93
|
-
- stylesheets/singularitygs/
|
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/
|
100
|
-
- stylesheets/singularitygs/
|
101
|
-
- stylesheets/singularitygs/
|
102
|
-
- stylesheets/singularitygs/
|
103
|
-
- stylesheets/singularitygs/
|
104
|
-
- stylesheets/singularitygs/
|
105
|
-
- stylesheets/singularitygs/
|
106
|
-
- stylesheets/singularitygs/
|
107
|
-
- stylesheets/singularitygs/
|
108
|
-
- stylesheets/singularitygs/
|
109
|
-
- stylesheets/singularitygs/helpers/
|
110
|
-
- stylesheets/singularitygs/helpers/
|
111
|
-
- stylesheets/singularitygs/helpers/
|
112
|
-
- stylesheets/singularitygs/helpers/
|
113
|
-
- stylesheets/singularitygs/
|
114
|
-
- stylesheets/singularitygs/
|
115
|
-
- stylesheets/singularitygs/
|
116
|
-
- stylesheets/singularitygs/
|
117
|
-
- stylesheets/singularitygs/
|
118
|
-
- stylesheets/singularitygs/
|
119
|
-
- stylesheets/singularitygs/
|
120
|
-
-
|
121
|
-
- templates/
|
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
|
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,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,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
|
-
}
|