susy 2.0.0.alpha.6 → 2.0.0.beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +1 -1
  3. data/VERSION +1 -1
  4. data/docs/changelog.rst +568 -0
  5. data/lib/susy.rb +3 -3
  6. data/sass/susy/_helpers.scss +0 -1
  7. data/sass/susy/_math.scss +2 -1
  8. data/sass/susy/api/_float.scss +1 -0
  9. data/sass/susy/api/_shared.scss +2 -0
  10. data/sass/susy/{helpers → api/float}/_clearfix.scss +0 -0
  11. data/sass/susy/api/float/_container.scss +5 -5
  12. data/sass/susy/api/float/_end.scss +10 -3
  13. data/sass/susy/api/float/_isolate.scss +1 -1
  14. data/sass/susy/api/float/_span.scss +1 -1
  15. data/sass/susy/api/shared/_background.scss +2 -2
  16. data/sass/susy/{helpers → api/shared}/_box-sizing.scss +0 -0
  17. data/sass/susy/api/shared/_container.scss +4 -7
  18. data/sass/susy/{helpers → api/shared}/_direction.scss +10 -3
  19. data/sass/susy/api/shared/_margins.scss +1 -1
  20. data/sass/susy/api/shared/_padding.scss +1 -1
  21. data/sass/susy/language/_susy.scss +3 -1
  22. data/sass/susy/language/susy/_background.scss +1 -1
  23. data/sass/susy/language/susy/_bleed.scss +4 -2
  24. data/sass/susy/language/susy/_box-sizing.scss +31 -0
  25. data/sass/susy/language/susy/_breakpoint-plugin.scss +26 -0
  26. data/sass/susy/language/susy/_container.scss +22 -4
  27. data/sass/susy/language/susy/_context.scss +1 -1
  28. data/sass/susy/language/susy/_gallery.scss +20 -18
  29. data/sass/susy/language/susy/_grids.scss +18 -5
  30. data/sass/susy/language/susy/_gutters.scss +3 -3
  31. data/sass/susy/language/susy/_isolate.scss +4 -4
  32. data/sass/susy/language/susy/_rows.scss +66 -73
  33. data/sass/susy/language/susy/_settings.scss +54 -16
  34. data/sass/susy/language/susy/_span.scss +45 -22
  35. data/sass/susy/math/_columns.scss +21 -15
  36. data/sass/susy/math/_container.scss +6 -21
  37. data/sass/susy/math/_settings.scss +24 -0
  38. data/sass/susy/math/_validation.scss +62 -0
  39. data/templates/project/_base.scss +2 -2
  40. data/templates/project/manifest.rb +5 -8
  41. data/templates/project/screen.scss +2 -2
  42. metadata +10 -11
  43. data/CHANGELOG.mkdn +0 -269
  44. data/sass/susy/_core.scss +0 -6
  45. data/sass/susy/_settings.scss +0 -10
  46. data/sass/susy/helpers/_nth.scss +0 -15
  47. data/sass/susy/math/_location.scss +0 -48
  48. data/templates/project/README.md +0 -84
data/sass/susy/_core.scss DELETED
@@ -1,6 +0,0 @@
1
- // Susy Core
2
- // =========
3
-
4
- @import "settings";
5
- @import "helpers";
6
- @import "math";
@@ -1,10 +0,0 @@
1
- // Settings
2
- // ========
3
-
4
- // Default Settings
5
- // ----------------
6
- $susy-defaults: (
7
- columns: 4,
8
- gutters: .25,
9
- column-width: false,
10
- );
@@ -1,15 +0,0 @@
1
- // Nth- helpers
2
- // ============
3
-
4
- // Format Nth
5
- // ----------
6
- // Format various nth-selectors
7
- // - [$n] : first | last | only | <math>
8
- // - [$selector] : child | of-type | last-child | last-of-type
9
- @function format-nth(
10
- $n : last,
11
- $selector : child
12
- ) {
13
- $key: last first only;
14
- @return if(index($key, $n), '#{$n}-#{$selector}', 'nth-#{$selector}(#{$n})');
15
- }
@@ -1,48 +0,0 @@
1
- // Location math
2
- // =============
3
-
4
- // Is Last
5
- // -------
6
- // Find if a span covers the last columns
7
- // - $span : <number>
8
- // - $location : first | last | <number>
9
- // - [$columns] : <number> | <list>
10
- @function is-last(
11
- $span,
12
- $location,
13
- $columns: susy-get(columns)
14
- ) {
15
- $last: column-count($columns) - $span + 1;
16
- $is-last: if(index(last omega, $location), $last, false);
17
-
18
- @if type-of($location) == number {
19
- $is-last: if($location + ($span - 1) == column-count($columns), $location, false);
20
- }
21
-
22
- @return $is-last;
23
- }
24
-
25
- // Is First
26
- // --------
27
- // Find if a span covers the first columns
28
- // - $location : first | last | <number>
29
- @function is-first(
30
- $location
31
- ) {
32
- @return if(index(first alpha 1, $location), 1, false);
33
- }
34
-
35
- // Get Location Position
36
- // ---------------------
37
- // Return a numeric location, even if a first/last keyword is used
38
- // - $span : <number>
39
- // - $location : first | last | <number>
40
- // - [$columns] : <number> | <list>
41
- @function get-location(
42
- $span,
43
- $location,
44
- $columns: susy-get(columns)
45
- ) {
46
- $string: if(type-of($location) == string, true, false);
47
- @return if($string, is-first($location) or is-last($span, $location, $columns), $location);
48
- }
@@ -1,84 +0,0 @@
1
- # Susy Next Syntax
2
-
3
- *This document currently represents the plans for Susy Next syntax,
4
- and not necessarily the existing functionality.*
5
-
6
- ## Defining Layouts
7
-
8
- *We should avoid the "grid" terminology
9
- unless we are talking about explicitly grid-related features.*
10
-
11
- What we need to define:
12
- - width of layout
13
- - Layout margins (?)
14
- - breakpoints
15
-
16
- For grids, we need:
17
- - number of columns
18
- - width/ratio of columns
19
- - width/ratio of gutters
20
-
21
- Layout styles to support:
22
- - ltr, rtl, mixed-direction
23
- - content-box or border-box sizing
24
- - gutters inside (padding) or outside (margin)
25
- - gutters before, after, or split
26
-
27
-
28
- *(?) Do we really need to manage grid margins at all? Or can they be handled easily by the user?*
29
-
30
- Any solution should support:
31
- - Arbitrary non-grid layouts
32
- - Figuring widths based on ratios or vice versa
33
- - Symmetric and asymmetric grids
34
- - Any arbitrary breakpoints (min/max/both)
35
-
36
- ## Functions
37
-
38
- - Need to access the width of a certain number of columns
39
- - Symmetric or asymmetric
40
- - With or without edge gutters
41
- - In context
42
-
43
- ```scss
44
- // symmetric
45
- width: span(4);
46
- width: span(4 of 3);
47
- width: span(4 of 3 wide);
48
-
49
- // asymmetric
50
- width: span(4 at 2);
51
- width: span(4 at 2 of 3 4 5 4 3);
52
- width: span(4 at 2 of 3 4 5 4 3 wide);
53
- ```
54
-
55
- - Need to access the width of a single gutter
56
- - In context
57
-
58
- ```scss
59
- // symmetric
60
- width: gutter();
61
- width: gutter(3);
62
- ```
63
-
64
- ## Container
65
-
66
- Establish a container element: `container($width)`
67
-
68
- - `$width`: <length> | <grid>
69
- - An arbitrary length to be used as the container width, or
70
- - Enough grid settings to calculate a container width.
71
-
72
- ## Span *(supported)*
73
-
74
- Establish a spanning element: `span($span [, $modifiers])`
75
-
76
- - `$span`: <length> | "full" | <columns> [<keywords>]
77
- - "of" for context
78
- - "at" for asymmetric location selection *(supported)*
79
- - "first/alpha" | "last/omega" for edge handling *(first/last supported)*
80
- - "push/pull" for relative float location
81
- - "isolate" for isolation location
82
- - "prefix/suffix" for padding ??
83
- - "pre/post" for margins ??
84
- - `$modifiers`: *TBD*