susy 2.2.2 → 2.2.14
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/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.
|