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
@@ -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,8 +0,0 @@
1
- // Add padding to an object on the grid.
2
- @mixin grid-padding($padding) {
3
- @if $padding != 0 {
4
- padding: 0 $padding;
5
- @include box-sizing(border-box);
6
- *behavior: url('../behaviors/box-sizing/boxsizing.php');
7
- }
8
- }
@@ -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
- }