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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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*