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.
- 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*
|