susy 2.2.2 → 2.2.14
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/README.md +1 -1
- data/VERSION +1 -1
- data/docs/changelog.rst +47 -1
- data/sass/susy/language/susy/_background.scss +25 -24
- data/sass/susy/language/susy/_breakpoint-plugin.scss +6 -2
- data/sass/susy/language/susy/_isolate.scss +2 -1
- data/sass/susy/language/susy/_margins.scss +5 -3
- data/sass/susy/language/susy/_padding.scss +2 -2
- data/sass/susy/language/susy/_validation.scss +3 -3
- data/sass/susy/language/susyone/_grid.scss +29 -7
- data/sass/susy/language/susyone/_media.scss +2 -2
- data/sass/susy/language/susyone/_settings.scss +4 -0
- data/sass/susy/output/shared/_inspect.scss +4 -1
- data/sass/susy/output/support/_box-sizing.scss +7 -5
- data/sass/susy/output/support/_support.scss +11 -1
- data/sass/susy/su/_settings.scss +1 -1
- metadata +19 -29
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2def2e5a8a611e82f515fff1e2d8fddb967aabe5
|
|
4
|
+
data.tar.gz: d148a7596ae43cbe245b0f617e09876b1364461f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: dc4feae38f46b441dc5939897d90500a57692a70e220ec09f5a5b469610adb12c0bef9c9bcfa5d1e943dd914b56fad5a87a25d9e6f977c8335b97edbf8e74c12
|
|
7
|
+
data.tar.gz: 4e9db7e2baf10a970bdb8b35b76bb6357979b2d1b92ab5e99b06dc172434a18e1468692d578f52bca70eadd858eff24ac2d7f7f13d39afea70fcab9ae1caf59e
|
data/LICENSE.txt
CHANGED
data/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Power Tools For The Web
|
|
2
2
|
=======================
|
|
3
3
|
|
|
4
|
-
[](https://travis-ci.org/oddbird/susy)
|
|
5
5
|
|
|
6
6
|
Susy is an agnostic set of tools
|
|
7
7
|
for creating powerful, custom layouts.
|
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
2.2.
|
|
1
|
+
2.2.13
|
data/docs/changelog.rst
CHANGED
|
@@ -1,6 +1,52 @@
|
|
|
1
1
|
Changelog
|
|
2
2
|
=========
|
|
3
3
|
|
|
4
|
+
2.2.13 - Apr 10 2018
|
|
5
|
+
--------------------
|
|
6
|
+
|
|
7
|
+
- Support Sass 3.5+ `get-function` requirements.
|
|
8
|
+
- Doc updates & typo fixes.
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
2.2.12 - Jan 25 2016
|
|
12
|
+
--------------------
|
|
13
|
+
|
|
14
|
+
- Fix bug in validation-errors.
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
2.2.11 - Jan 15 2016
|
|
18
|
+
--------------------
|
|
19
|
+
|
|
20
|
+
- Fix bug with `susy-inspect`.
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
2.2.10 - Jan 7 2016
|
|
24
|
+
-------------------
|
|
25
|
+
|
|
26
|
+
- Add `$pixel-values-only` setting to SusyOne,
|
|
27
|
+
for turning off Compass `rem` support.
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
2.2.6 - Sep 1 2015
|
|
31
|
+
------------------
|
|
32
|
+
|
|
33
|
+
- Fix a bug with overlay grids.
|
|
34
|
+
- Fix a bug with 0-width split gutters.
|
|
35
|
+
- Other small bug fixes.
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
2.2.5 - May 14 2015
|
|
39
|
+
-------------------
|
|
40
|
+
|
|
41
|
+
- Pass grid arguments to overlay positioning mixin.
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
2.2.3 - Apr 28 2015
|
|
45
|
+
-------------------
|
|
46
|
+
|
|
47
|
+
- Work around libsass fraction bug.
|
|
48
|
+
|
|
49
|
+
|
|
4
50
|
2.2.2 - Jan 23 2015
|
|
5
51
|
-------------------
|
|
6
52
|
|
|
@@ -345,7 +391,7 @@ Backwards Incompatible:
|
|
|
345
391
|
to ``$show-grids`` setting.
|
|
346
392
|
``show`` will show both columns/baseline, default is ``show-columns``.
|
|
347
393
|
|
|
348
|
-
.. _True: http://
|
|
394
|
+
.. _True: http://miriamsuzanne.com/true/
|
|
349
395
|
|
|
350
396
|
|
|
351
397
|
2.0.0.alpha.2 — May 7 2013
|
|
@@ -15,7 +15,7 @@ $susy-overlay-grid-head-exists: false;
|
|
|
15
15
|
$_output: debug-get(output, $grid);
|
|
16
16
|
|
|
17
17
|
@include susy-inspect(show-grid, $inspect);
|
|
18
|
-
@if $_output == overlay {
|
|
18
|
+
@if $_output == overlay and susy-get(debug image, $grid) != hide {
|
|
19
19
|
@include overlay-grid($grid);
|
|
20
20
|
} @else {
|
|
21
21
|
@include background-grid($grid);
|
|
@@ -62,7 +62,7 @@ $susy-overlay-grid-head-exists: false;
|
|
|
62
62
|
$grid: $susy
|
|
63
63
|
) {
|
|
64
64
|
@if not($susy-overlay-grid-head-exists) {
|
|
65
|
-
@at-root head { @include overlay-head; }
|
|
65
|
+
@at-root head { @include overlay-head($grid); }
|
|
66
66
|
@at-root head:before { @include overlay-trigger; }
|
|
67
67
|
@at-root head:hover { @include overlay-trigger-hover; }
|
|
68
68
|
$susy-overlay-grid-head-exists: true !global;
|
|
@@ -104,8 +104,10 @@ $susy-overlay-grid-head-exists: false;
|
|
|
104
104
|
// [Private] Overlay Head
|
|
105
105
|
// ----------------------
|
|
106
106
|
// <head> styles to create grid overlay toggle
|
|
107
|
-
@mixin overlay-head
|
|
108
|
-
$
|
|
107
|
+
@mixin overlay-head (
|
|
108
|
+
$grid: $susy
|
|
109
|
+
) {
|
|
110
|
+
$_toggle: debug-get(toggle, $grid);
|
|
109
111
|
$_horz: null;
|
|
110
112
|
$_vert: null;
|
|
111
113
|
|
|
@@ -327,39 +329,38 @@ $susy-overlay-grid-head-exists: false;
|
|
|
327
329
|
$_show : susy-get(debug image, $grid);
|
|
328
330
|
$_return : ();
|
|
329
331
|
|
|
330
|
-
@if $_show and $_show != hide {
|
|
331
|
-
$_line-height: variable-exists(base-line-height);
|
|
332
|
-
$_line-height: if($_line-height, $base-line-height, false);
|
|
332
|
+
@if $_show and $_show != 'hide' {
|
|
333
333
|
$_columns: susy-get(columns, $grid);
|
|
334
334
|
|
|
335
|
-
@if $_show != show-baseline {
|
|
335
|
+
@if $_show != 'show-baseline' {
|
|
336
336
|
$_sym: is-symmetrical($_columns);
|
|
337
337
|
$_return: if($_sym, get-background-sym($grid), get-background-asym($grid));
|
|
338
338
|
$_return: map-merge($_return, (clip: content-box));
|
|
339
|
-
} @else if not($_line-height) {
|
|
340
|
-
@warn 'Please provide $base-line-height in order to see baseline grids.';
|
|
341
339
|
}
|
|
342
340
|
|
|
343
|
-
@if $
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
341
|
+
@if $_show != 'show-columns'
|
|
342
|
+
and global-variable-exists(base-line-height)
|
|
343
|
+
and type-of($base-line-height) == 'number'
|
|
344
|
+
and not unitless($base-line-height) {
|
|
345
|
+
$_color: variable-exists('grid-background-baseline-color');
|
|
346
|
+
$_color: if($_color, $grid-background-baseline-color, #000);
|
|
347
347
|
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
348
|
+
$_image: map-get($_return, image);
|
|
349
|
+
$_size: map-get($_return, size);
|
|
350
|
+
$_baseline: (baseline: ($_color 1px, transparent 1px));
|
|
351
|
+
$_baseline-size: 100% $base-line-height;
|
|
352
352
|
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
}
|
|
353
|
+
$_return: map-merge($_return, (
|
|
354
|
+
image: if($_image, map-merge($_image, $_baseline), $_baseline),
|
|
355
|
+
size: if($_size, ($_size, $_baseline-size), $_baseline-size),
|
|
356
|
+
));
|
|
358
357
|
|
|
359
|
-
@if $_show == show {
|
|
358
|
+
@if $_show == 'show' {
|
|
360
359
|
$_clip: map-get($_return, clip);
|
|
361
360
|
$_return: map-merge($_return, (clip: join($_clip, border-box, comma)));
|
|
362
361
|
}
|
|
362
|
+
} @else if $_show == 'show-baseline' {
|
|
363
|
+
@warn 'Please provide a $base-line-height with the desired height and units';
|
|
363
364
|
}
|
|
364
365
|
}
|
|
365
366
|
|
|
@@ -122,8 +122,12 @@ $_susy-media-context: ();
|
|
|
122
122
|
$name
|
|
123
123
|
) {
|
|
124
124
|
@if map-has-key($susy-media, $name) {
|
|
125
|
-
$
|
|
126
|
-
$name
|
|
125
|
+
$map-value: map-get($susy-media, $name);
|
|
126
|
+
@if ($name == $map-value) {
|
|
127
|
+
$name: $map-value;
|
|
128
|
+
} @else {
|
|
129
|
+
$name: susy-get-media($map-value);
|
|
130
|
+
}
|
|
127
131
|
}
|
|
128
132
|
|
|
129
133
|
@return $name;
|
|
@@ -12,7 +12,9 @@
|
|
|
12
12
|
$span : map-merge((spread: wide), parse-span($span));
|
|
13
13
|
$flow : susy-get(flow, $span);
|
|
14
14
|
$split : if(susy-get(gutter-position, $span) == split, true, false);
|
|
15
|
-
$
|
|
15
|
+
$gutter : gutter($span);
|
|
16
|
+
$span : span($span);
|
|
17
|
+
$width : if($split and $gutter, $span + $gutter, $span);
|
|
16
18
|
|
|
17
19
|
@include susy-inspect(pre, $inspect);
|
|
18
20
|
@include margin-output($width, null, $flow);
|
|
@@ -71,7 +73,7 @@
|
|
|
71
73
|
$pre,
|
|
72
74
|
$post: false
|
|
73
75
|
) {
|
|
74
|
-
$inspect : $pre, $post;
|
|
76
|
+
$inspect : ($pre, $post);
|
|
75
77
|
$pre : map-merge((spread: wide), parse-span($pre));
|
|
76
78
|
|
|
77
79
|
@if $post {
|
|
@@ -86,7 +88,7 @@
|
|
|
86
88
|
}
|
|
87
89
|
}
|
|
88
90
|
|
|
89
|
-
@include susy-inspect(squish, $inspect
|
|
91
|
+
@include susy-inspect(squish, $inspect);
|
|
90
92
|
@include pre($pre);
|
|
91
93
|
@include post($post);
|
|
92
94
|
}
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
$pre,
|
|
53
53
|
$post: false
|
|
54
54
|
) {
|
|
55
|
-
$inspect : $pre, $post;
|
|
55
|
+
$inspect : ($pre, $post);
|
|
56
56
|
$pre : map-merge((spread: wide), parse-span($pre));
|
|
57
57
|
|
|
58
58
|
@if $post {
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
@include susy-inspect(pad, $inspect
|
|
70
|
+
@include susy-inspect(pad, $inspect);
|
|
71
71
|
@include prefix($pre);
|
|
72
72
|
@include suffix($post);
|
|
73
73
|
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
$column-width
|
|
10
10
|
) {
|
|
11
11
|
@if $math == static and not($column-width) {
|
|
12
|
-
@
|
|
13
|
-
} @else {
|
|
14
|
-
@return $column-width;
|
|
12
|
+
@error 'Static math requires a valid column-width setting.';
|
|
15
13
|
}
|
|
14
|
+
|
|
15
|
+
@return $column-width;
|
|
16
16
|
}
|
|
@@ -22,17 +22,33 @@
|
|
|
22
22
|
// $columns : The number of columns in the Grid Layout.
|
|
23
23
|
@mixin set-container-width(
|
|
24
24
|
$columns : $total-columns,
|
|
25
|
-
$style : $container-style
|
|
25
|
+
$style : $container-style,
|
|
26
|
+
$px-vals : $pixel-values-only
|
|
26
27
|
){
|
|
27
28
|
$width: container-outer-width($columns);
|
|
28
29
|
|
|
29
30
|
@if $style == 'static' {
|
|
30
|
-
@
|
|
31
|
+
@if $px-vals == true {
|
|
32
|
+
width: round(convert-length($width, px));
|
|
33
|
+
} @else {
|
|
34
|
+
@include rem(width, $width);
|
|
35
|
+
}
|
|
31
36
|
} @else {
|
|
32
37
|
@if $style == 'fluid' {
|
|
33
|
-
@if unit($width) == '%' {
|
|
38
|
+
@if unit($width) == '%' {
|
|
39
|
+
@if $px-vals == true {
|
|
40
|
+
width: round(convert-length($width, px));
|
|
41
|
+
} @else {
|
|
42
|
+
@include rem(width, $width);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
34
45
|
} @else {
|
|
35
|
-
@
|
|
46
|
+
@if $px-vals == true {
|
|
47
|
+
max-width: round(convert-length($width, px));
|
|
48
|
+
} @else {
|
|
49
|
+
@include rem(max-width, $width);
|
|
50
|
+
}
|
|
51
|
+
|
|
36
52
|
@include for-legacy-browser(ie,"6") {
|
|
37
53
|
@if unit($width) == 'rem' {
|
|
38
54
|
_width: round(convert-length($width, px));
|
|
@@ -48,12 +64,18 @@
|
|
|
48
64
|
//
|
|
49
65
|
// $columns : The number of columns in the container.
|
|
50
66
|
@mixin apply-container(
|
|
51
|
-
$columns : $total-columns
|
|
67
|
+
$columns : $total-columns,
|
|
68
|
+
$px-vals : $pixel-values-only
|
|
52
69
|
){
|
|
53
70
|
@include pie-clearfix;
|
|
54
71
|
@include set-container-width($columns);
|
|
55
|
-
@
|
|
56
|
-
|
|
72
|
+
@if $px-vals == true {
|
|
73
|
+
padding-left: round(convert-length($grid-padding, px));
|
|
74
|
+
padding-right: round(convert-length($grid-padding, px));
|
|
75
|
+
} @else {
|
|
76
|
+
@include rem(padding-left, $grid-padding);
|
|
77
|
+
@include rem(padding-right, $grid-padding);
|
|
78
|
+
}
|
|
57
79
|
margin: { left: auto; right: auto; }
|
|
58
80
|
}
|
|
59
81
|
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
} @else {
|
|
101
|
-
@warn "You need to provide either a valid layout (number of columns)
|
|
102
|
-
|
|
101
|
+
@warn "You need to provide either a valid layout (number of columns)"
|
|
102
|
+
+ "or a valid media-query min-width breakpoint (length).";
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
}
|
|
@@ -42,6 +42,10 @@ $container-style : magic !default;
|
|
|
42
42
|
// and simply apply the border-box-sizing mixin.
|
|
43
43
|
$border-box-sizing : false !default;
|
|
44
44
|
|
|
45
|
+
// Pixel Values only:
|
|
46
|
+
// Make sure only pixel values are set for the container width.
|
|
47
|
+
$pixel-values-only : false !default;
|
|
48
|
+
|
|
45
49
|
// ---------------------------------------------------------------------------
|
|
46
50
|
// IE Settings
|
|
47
51
|
|
|
@@ -8,10 +8,12 @@
|
|
|
8
8
|
@mixin susy-box-sizing(
|
|
9
9
|
$model: content-box
|
|
10
10
|
) {
|
|
11
|
-
@if
|
|
12
|
-
@
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
@if $model {
|
|
12
|
+
@if susy-support(box-sizing, (mixin: box-sizing), $warn: false) {
|
|
13
|
+
@include box-sizing($model);
|
|
14
|
+
} @else {
|
|
15
|
+
$prefix: (moz, webkit, official);
|
|
16
|
+
@include susy-prefix(box-sizing, $model, $prefix);
|
|
17
|
+
}
|
|
16
18
|
}
|
|
17
19
|
}
|
|
@@ -67,7 +67,17 @@
|
|
|
67
67
|
|
|
68
68
|
@each $_type, $_req in $requirements {
|
|
69
69
|
@each $_i in $_req {
|
|
70
|
-
|
|
70
|
+
|
|
71
|
+
$_pass : null;
|
|
72
|
+
|
|
73
|
+
// sass 3.5 or greater
|
|
74
|
+
@if function-exists('get-function') {
|
|
75
|
+
$_pass: call(get-function(unquote("#{$_type}-exists")), $_i);
|
|
76
|
+
}
|
|
77
|
+
// sass 3.4 or less
|
|
78
|
+
@else {
|
|
79
|
+
$_pass: call(unquote("#{$_type}-exists"), $_i);
|
|
80
|
+
}
|
|
71
81
|
|
|
72
82
|
@if not($_pass) {
|
|
73
83
|
$_fail: true;
|
data/sass/susy/su/_settings.scss
CHANGED
metadata
CHANGED
|
@@ -1,49 +1,39 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: susy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.2.
|
|
4
|
+
version: 2.2.14
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
|
-
- Eric Suzanne
|
|
8
|
-
- Tsachi Shlidor
|
|
9
|
-
- Aaron Gray
|
|
10
|
-
- Rachel Nabors
|
|
11
|
-
- Jina Bolton
|
|
12
|
-
- Danny Palmer
|
|
7
|
+
- Miriam Eric Suzanne
|
|
13
8
|
autorequire:
|
|
14
9
|
bindir: bin
|
|
15
10
|
cert_chain: []
|
|
16
|
-
date:
|
|
11
|
+
date: 2015-09-01 00:00:00.000000000 Z
|
|
17
12
|
dependencies:
|
|
18
13
|
- !ruby/object:Gem::Dependency
|
|
19
14
|
name: sass
|
|
20
15
|
requirement: !ruby/object:Gem::Requirement
|
|
21
16
|
requirements:
|
|
22
|
-
- -
|
|
17
|
+
- - ">="
|
|
23
18
|
- !ruby/object:Gem::Version
|
|
24
19
|
version: 3.3.0
|
|
25
|
-
- - <
|
|
20
|
+
- - "<"
|
|
26
21
|
- !ruby/object:Gem::Version
|
|
27
22
|
version: '3.5'
|
|
28
23
|
type: :runtime
|
|
29
24
|
prerelease: false
|
|
30
25
|
version_requirements: !ruby/object:Gem::Requirement
|
|
31
26
|
requirements:
|
|
32
|
-
- -
|
|
27
|
+
- - ">="
|
|
33
28
|
- !ruby/object:Gem::Version
|
|
34
29
|
version: 3.3.0
|
|
35
|
-
- - <
|
|
30
|
+
- - "<"
|
|
36
31
|
- !ruby/object:Gem::Version
|
|
37
32
|
version: '3.5'
|
|
38
33
|
description: Susy is a toolkit for building layouts of all types with a simple, natural
|
|
39
34
|
syntax.
|
|
40
35
|
email:
|
|
41
|
-
-
|
|
42
|
-
- tsi.shlidor@gmail.com
|
|
43
|
-
- aaron@hellometa.com
|
|
44
|
-
- rachelnabors@gmail.com
|
|
45
|
-
- jina@sushiandrobots.com
|
|
46
|
-
- danny@dannyprose.com
|
|
36
|
+
- miriam@oddbird.net
|
|
47
37
|
executables: []
|
|
48
38
|
extensions: []
|
|
49
39
|
extra_rdoc_files:
|
|
@@ -52,6 +42,10 @@ extra_rdoc_files:
|
|
|
52
42
|
- README.md
|
|
53
43
|
- lib/susy.rb
|
|
54
44
|
files:
|
|
45
|
+
- LICENSE.txt
|
|
46
|
+
- README.md
|
|
47
|
+
- VERSION
|
|
48
|
+
- docs/changelog.rst
|
|
55
49
|
- lib/compass-susy.rb
|
|
56
50
|
- lib/susy.rb
|
|
57
51
|
- sass/_su.scss
|
|
@@ -111,37 +105,33 @@ files:
|
|
|
111
105
|
- templates/project/_grids.scss
|
|
112
106
|
- templates/project/manifest.rb
|
|
113
107
|
- templates/project/style.scss
|
|
114
|
-
- docs/changelog.rst
|
|
115
|
-
- LICENSE.txt
|
|
116
|
-
- README.md
|
|
117
|
-
- VERSION
|
|
118
108
|
homepage: http://susy.oddbird.net/
|
|
119
109
|
licenses:
|
|
120
110
|
- BSD-3-Clause
|
|
121
111
|
metadata: {}
|
|
122
112
|
post_install_message:
|
|
123
113
|
rdoc_options:
|
|
124
|
-
- --line-numbers
|
|
125
|
-
- --inline-source
|
|
126
|
-
- --title
|
|
114
|
+
- "--line-numbers"
|
|
115
|
+
- "--inline-source"
|
|
116
|
+
- "--title"
|
|
127
117
|
- Susy
|
|
128
|
-
- --main
|
|
118
|
+
- "--main"
|
|
129
119
|
- README.md
|
|
130
120
|
require_paths:
|
|
131
121
|
- lib
|
|
132
122
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
133
123
|
requirements:
|
|
134
|
-
- -
|
|
124
|
+
- - ">="
|
|
135
125
|
- !ruby/object:Gem::Version
|
|
136
126
|
version: '0'
|
|
137
127
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
138
128
|
requirements:
|
|
139
|
-
- -
|
|
129
|
+
- - ">="
|
|
140
130
|
- !ruby/object:Gem::Version
|
|
141
131
|
version: '1.2'
|
|
142
132
|
requirements: []
|
|
143
133
|
rubyforge_project: susy
|
|
144
|
-
rubygems_version: 2.
|
|
134
|
+
rubygems_version: 2.6.12
|
|
145
135
|
signing_key:
|
|
146
136
|
specification_version: 3
|
|
147
137
|
summary: Responsive layout toolkit for Sass.
|