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
@@ -1,63 +0,0 @@
|
|
1
|
-
@mixin container($max-width: $container, $bfs: $base-font-size) {
|
2
|
-
$bfs-length: length($bfs);
|
3
|
-
$bfs-counter: 1;
|
4
|
-
|
5
|
-
@if length($containers) != 0 {
|
6
|
-
$query: 'min-width';
|
7
|
-
@if $grids-mobile-first == false {
|
8
|
-
$query: 'max-width';
|
9
|
-
}
|
10
|
-
|
11
|
-
$total: length($containers);
|
12
|
-
|
13
|
-
@if $total > 1 {
|
14
|
-
@for $i from 2 through $total {
|
15
|
-
|
16
|
-
@include breakpoint((nth(nth($containers, $i), 2) $query)) {
|
17
|
-
$bfs-holder: bfs-finder($query);
|
18
|
-
@if unit(nth(nth($containers, $i), 1)) != '%' and $container-to-ems == true {
|
19
|
-
max-width: base-conversion(nth(nth($containers, $i), 1)) / base-conversion($bfs-holder) * 1em;;
|
20
|
-
}
|
21
|
-
@else {
|
22
|
-
max-width: nth(nth($containers, $i), 1);
|
23
|
-
}
|
24
|
-
}
|
25
|
-
}
|
26
|
-
}
|
27
|
-
@if unit(nth($containers, 1)) != '%' {
|
28
|
-
max-width: breakpoint-to-base-em(nth($containers, 1), nth($bfs, 1));
|
29
|
-
}
|
30
|
-
@else {
|
31
|
-
max-width: nth($containers, 1);
|
32
|
-
}
|
33
|
-
}
|
34
|
-
@else {
|
35
|
-
@if unit($max-width) != '%' and $container-to-ems == true {
|
36
|
-
max-width: base-conversion($max-width) / base-conversion($bfs) * 1em;
|
37
|
-
}
|
38
|
-
@else {
|
39
|
-
max-width: $max-width;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
43
|
-
// Border box and clearfix
|
44
|
-
@include box-sizing(border-box);
|
45
|
-
*behavior: url('../behaviors/box-sizing/boxsizing.php');
|
46
|
-
|
47
|
-
&:before,
|
48
|
-
&:after {
|
49
|
-
content: "";
|
50
|
-
display: table;
|
51
|
-
}
|
52
|
-
|
53
|
-
&:after {
|
54
|
-
clear: both;
|
55
|
-
}
|
56
|
-
|
57
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
58
|
-
/* for IE 6/7 */
|
59
|
-
*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
|
60
|
-
}
|
61
|
-
/* non-JS fallback */
|
62
|
-
*zoom: 1;
|
63
|
-
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
@mixin grid-build($span, $location, $columns, $gutter, $padding, $output) {
|
2
|
-
@include grid-structure($output, $span, $location, $columns, $gutter, $padding);
|
3
|
-
|
4
|
-
// bump up the counter
|
5
|
-
$grid-counter: $location + $span;
|
6
|
-
@if $grid-counter > column-count($columns) {
|
7
|
-
$grid-counter: 1;
|
8
|
-
}
|
9
|
-
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
// This writes classes, IDs, or silent objects for you to extend or use in your HTML. They can be written to different breakpoints to extend or call into your HTML as needed.
|
2
|
-
@mixin grid-objects($prefix: a, $columns: $columns, $gutter: $gutter, $padding: $padding, $selector: "%") {
|
3
|
-
|
4
|
-
$grouped-styles: true;
|
5
|
-
|
6
|
-
// counter keeps track of the starting position
|
7
|
-
$count: 0;
|
8
|
-
%#{$prefix}column {
|
9
|
-
|
10
|
-
@include grid-structure($output, 1, 1, $columns, $gutter, $padding, common);
|
11
|
-
|
12
|
-
}
|
13
|
-
|
14
|
-
|
15
|
-
// This function now labels object prefix+span.location
|
16
|
-
@for $i from 1 through column-count($columns) {
|
17
|
-
@for $n from 1 through (column-count($columns) - $count) {
|
18
|
-
#{$selector}#{$prefix}#{$n}-#{$count + 1} {
|
19
|
-
|
20
|
-
@extend %#{$prefix}column;
|
21
|
-
@include grid-structure($output, $n, $count + 1, $columns, $gutter, $padding, section);
|
22
|
-
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
$count: $count + 1;
|
27
|
-
}
|
28
|
-
}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
// The top-level mixin to use on adding elements to a grid.
|
2
|
-
|
3
|
-
// This step folds in multiple grids and figures out what should
|
4
|
-
// be loaded and figures out what breakpoint you are at.
|
5
|
-
@mixin grid-span($span, $location: false, $columns: false, $gutter-span: false, $padding-span: false, $output: $output) {
|
6
|
-
|
7
|
-
$error: false;
|
8
|
-
|
9
|
-
@if $output != 'float' and $location == false {
|
10
|
-
@warn 'Location is required for #{$output} based grids';
|
11
|
-
$error: true;
|
12
|
-
}
|
13
|
-
@else {
|
14
|
-
$columns: find-grid($columns);
|
15
|
-
|
16
|
-
@if $location == 'last' {
|
17
|
-
$location: $columns - $span + 1;
|
18
|
-
}
|
19
|
-
@else if type-of($columns) != 'number' and $location == false {
|
20
|
-
@warn 'Location is required for asymmetric grids!';
|
21
|
-
$error: true;
|
22
|
-
}
|
23
|
-
@else if type-of($columns) == 'number' and $output == 'float' {
|
24
|
-
$location: 1;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
@if $error == false {
|
29
|
-
$gutter-span: find-gutter($gutter-span);
|
30
|
-
$padding-span: find-padding($padding-span, $span, $location, $columns);
|
31
|
-
|
32
|
-
@include grid-build($span, $location, $columns, $gutter-span, $padding-span, $output);
|
33
|
-
}
|
34
|
-
}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
//////////////////////////////
|
2
|
-
// Mixins to push/pull along the grid
|
3
|
-
//////////////////////////////
|
4
|
-
|
5
|
-
// Push
|
6
|
-
@mixin push($span, $location, $grid: false, $gutter: false) {
|
7
|
-
$columns: find-grid($grid);
|
8
|
-
$gutter: find-gutter($gutter);
|
9
|
-
|
10
|
-
@if $dir == ltr or $dir == both {
|
11
|
-
margin-left: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
|
12
|
-
}
|
13
|
-
@else if $dir == rtl {
|
14
|
-
margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
|
15
|
-
}
|
16
|
-
|
17
|
-
@if $dir == both {
|
18
|
-
#{$rtl-selector} & {
|
19
|
-
margin-right: grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
}
|
23
|
-
|
24
|
-
// Pull
|
25
|
-
@mixin pull($span, $location, $grid: false, $gutter: false) {
|
26
|
-
$columns: find-grid($grid);
|
27
|
-
$gutter: find-gutter($gutter);
|
28
|
-
|
29
|
-
@if $dir == ltr or $dir == both {
|
30
|
-
margin-left: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
|
31
|
-
}
|
32
|
-
@else if $dir == rtl {
|
33
|
-
margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
|
34
|
-
}
|
35
|
-
|
36
|
-
@if $dir == both {
|
37
|
-
#{$rtl-selector} & {
|
38
|
-
margin-right: (grid-span($span, $location, $columns, $gutter) + gutter-span($gutter, $columns)) * -1;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|