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.
- checksums.yaml +4 -4
- data/LICENSE.txt +1 -1
- data/VERSION +1 -1
- data/docs/changelog.rst +568 -0
- data/lib/susy.rb +3 -3
- data/sass/susy/_helpers.scss +0 -1
- data/sass/susy/_math.scss +2 -1
- data/sass/susy/api/_float.scss +1 -0
- data/sass/susy/api/_shared.scss +2 -0
- data/sass/susy/{helpers → api/float}/_clearfix.scss +0 -0
- data/sass/susy/api/float/_container.scss +5 -5
- data/sass/susy/api/float/_end.scss +10 -3
- data/sass/susy/api/float/_isolate.scss +1 -1
- data/sass/susy/api/float/_span.scss +1 -1
- data/sass/susy/api/shared/_background.scss +2 -2
- data/sass/susy/{helpers → api/shared}/_box-sizing.scss +0 -0
- data/sass/susy/api/shared/_container.scss +4 -7
- data/sass/susy/{helpers → api/shared}/_direction.scss +10 -3
- data/sass/susy/api/shared/_margins.scss +1 -1
- data/sass/susy/api/shared/_padding.scss +1 -1
- data/sass/susy/language/_susy.scss +3 -1
- data/sass/susy/language/susy/_background.scss +1 -1
- data/sass/susy/language/susy/_bleed.scss +4 -2
- data/sass/susy/language/susy/_box-sizing.scss +31 -0
- data/sass/susy/language/susy/_breakpoint-plugin.scss +26 -0
- data/sass/susy/language/susy/_container.scss +22 -4
- data/sass/susy/language/susy/_context.scss +1 -1
- data/sass/susy/language/susy/_gallery.scss +20 -18
- data/sass/susy/language/susy/_grids.scss +18 -5
- data/sass/susy/language/susy/_gutters.scss +3 -3
- data/sass/susy/language/susy/_isolate.scss +4 -4
- data/sass/susy/language/susy/_rows.scss +66 -73
- data/sass/susy/language/susy/_settings.scss +54 -16
- data/sass/susy/language/susy/_span.scss +45 -22
- data/sass/susy/math/_columns.scss +21 -15
- data/sass/susy/math/_container.scss +6 -21
- data/sass/susy/math/_settings.scss +24 -0
- data/sass/susy/math/_validation.scss +62 -0
- data/templates/project/_base.scss +2 -2
- data/templates/project/manifest.rb +5 -8
- data/templates/project/screen.scss +2 -2
- metadata +10 -11
- data/CHANGELOG.mkdn +0 -269
- data/sass/susy/_core.scss +0 -6
- data/sass/susy/_settings.scss +0 -10
- data/sass/susy/helpers/_nth.scss +0 -15
- data/sass/susy/math/_location.scss +0 -48
- data/templates/project/README.md +0 -84
data/sass/susy/_core.scss
DELETED
data/sass/susy/_settings.scss
DELETED
data/sass/susy/helpers/_nth.scss
DELETED
@@ -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
|
-
}
|
data/templates/project/README.md
DELETED
@@ -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*
|