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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a0c9d4e5399c03acd5ef9df20ae5c8c1be4626ad
4
- data.tar.gz: fa075edef6b472bf8cecdef10bd909bfdb6b2e61
3
+ metadata.gz: 2def2e5a8a611e82f515fff1e2d8fddb967aabe5
4
+ data.tar.gz: d148a7596ae43cbe245b0f617e09876b1364461f
5
5
  SHA512:
6
- metadata.gz: 221a7328b33c9f631744860a8ac5a9fee2283d694962817855124f3247306f1d10a84a40c119117a64613cd7f38fe942f0e4b1c9595bb3b0ef2213dbd8ca8490
7
- data.tar.gz: 44f9d4b3ffae9430e43059d946ca15ea832ca1dcfbdf0c19c1e22108cca1d6699d544947084604333ec53a62e5a3242dd1be2cc5b778a8e448778b909a8d734c
6
+ metadata.gz: dc4feae38f46b441dc5939897d90500a57692a70e220ec09f5a5b469610adb12c0bef9c9bcfa5d1e943dd914b56fad5a87a25d9e6f977c8335b97edbf8e74c12
7
+ data.tar.gz: 4e9db7e2baf10a970bdb8b35b76bb6357979b2d1b92ab5e99b06dc172434a18e1468692d578f52bca70eadd858eff24ac2d7f7f13d39afea70fcab9ae1caf59e
data/LICENSE.txt CHANGED
@@ -1,4 +1,4 @@
1
- Copyright (c) 2015, Eric M. Suzanne
1
+ Copyright (c) 2015, Miriam Eric Suzanne
2
2
  All rights reserved.
3
3
 
4
4
  Redistribution and use in source and binary forms, with or without
data/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  Power Tools For The Web
2
2
  =======================
3
3
 
4
- [![Build Status](https://travis-ci.org/ericam/susy.png?branch=susy-next)](https://travis-ci.org/ericam/susy)
4
+ [![Build Status](https://travis-ci.org/oddbird/susy.png?branch=susy-next)](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
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://ericsuzanne.com/true/
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
- $_toggle: debug-get(toggle);
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 $_line-height {
344
- @if $_show != show-columns {
345
- $_color: variable-exists(grid-background-baseline-color);
346
- $_color: if($_color, $grid-background-baseline-color, #000);
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
- $_image: map-get($_return, image);
349
- $_size: map-get($_return, size);
350
- $_baseline: (baseline: ($_color 1px, transparent 1px));
351
- $_baseline-size: 100% $_line-height;
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
- $_return: map-merge($_return, (
354
- image: if($_image, map-merge($_image, $_baseline), $_baseline),
355
- size: if($_size, ($_size, $_baseline-size), $_baseline-size),
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
- $name: map-get($susy-media, $name);
126
- $name: susy-get-media($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;
@@ -68,7 +68,8 @@
68
68
  }
69
69
  }
70
70
 
71
- @if susy-get(gutter-position, $input) == split {
71
+ @if susy-get(gutter-position, $input) == split
72
+ and susy-get(gutters, $input) > 0 {
72
73
  $width: if($width == null, gutters($input), $width + gutters($input));
73
74
  }
74
75
 
@@ -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
- $width : if($split, span($span) + gutter($span), span($span));
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
- @warn 'Static math requires a valid column-width setting.';
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
- @include rem(width, $width);
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) == '%' { @include rem(width, $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
- @include rem(max-width, $width);
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
- @include rem(padding-left, $grid-padding);
56
- @include rem(padding-right, $grid-padding);
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
- or a valid media-query min-width breakpoint (length).";
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
 
@@ -7,7 +7,10 @@
7
7
  // - $mixin : <susy mixin>
8
8
  // - $inspec : <mixin arguments>
9
9
 
10
- @mixin susy-inspect($mixin, $inspect...) {
10
+ @mixin susy-inspect(
11
+ $mixin,
12
+ $inspect
13
+ ) {
11
14
  $show: false;
12
15
 
13
16
  @each $item in $inspect {
@@ -8,10 +8,12 @@
8
8
  @mixin susy-box-sizing(
9
9
  $model: content-box
10
10
  ) {
11
- @if susy-support(box-sizing, (mixin: box-sizing), $warn: false) {
12
- @include box-sizing($model);
13
- } @else {
14
- $prefix: (moz, webkit, official);
15
- @include susy-prefix(box-sizing, $model, $prefix);
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
- $_pass: call(#{$_type}-exists, $_i);
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;
@@ -11,7 +11,7 @@ $su-version: 1.1;
11
11
  // PRIVATE: The basic settings
12
12
  $susy-defaults: (
13
13
  columns: 4,
14
- gutters: 1/4,
14
+ gutters: .25,
15
15
  );
16
16
 
17
17
 
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.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: 2014-02-18 00:00:00.000000000 Z
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
- - eric@oddbird.net
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.1.10
134
+ rubygems_version: 2.6.12
145
135
  signing_key:
146
136
  specification_version: 3
147
137
  summary: Responsive layout toolkit for Sass.