layout-tools-for-susy 0.1.0 → 0.1.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/README.md +23 -1
- data/lib/layout-tools-for-susy.rb +1 -1
- data/stylesheets/mixins/_type-base.scss +3 -3
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1d255faf506de90c37f1bdbafa6658a3d3955092
|
|
4
|
+
data.tar.gz: ef5c037fc01fdee84065cc6c75eec4b4e8659ede
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 14b4e1dcaa78b4db5f1f0eb559106138f1dcaa40da36ac514a83ec985f2922911880b32d7e443079abe07c56896cb8e433e9c2744c8d739588a9301939f89111
|
|
7
|
+
data.tar.gz: 4b681bfb5523e6b17a56632c3a3b97088f555abc732c26da87d1f39005d684ca75811c90be3e2854b3dd72d7863dab1511c57dcddab9929ee0cb7d16a27e7091
|
data/README.md
CHANGED
|
@@ -25,8 +25,30 @@ This installs layout tools and Susy. Include tools in your stylesheets like this
|
|
|
25
25
|
'../../bower_components/layout-tools-for-susy/stylesheets/layout-tools-for-susy';
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
###
|
|
28
|
+
### Bundler
|
|
29
|
+
Add layout tools to your ```Gemfile```.
|
|
30
|
+
```
|
|
31
|
+
source 'https://rubygems.org'
|
|
32
|
+
|
|
33
|
+
gem 'sass', '~>3.4'
|
|
34
|
+
gem 'layout-tools-for-susy', '~>0.1'
|
|
35
|
+
```
|
|
36
|
+
Install.
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
$ bundle install
|
|
40
|
+
```
|
|
41
|
+
Require layout tools and Susy for SASS compilation in your build tools or via command line.
|
|
29
42
|
|
|
43
|
+
```bash
|
|
44
|
+
$ sass --watch src/sass/styles.scss:build/css/styles.css --require=susy --require=layout-tools-for-susy
|
|
45
|
+
```
|
|
46
|
+
Include Susy and Layout Tools for Susy in your stylesheets.
|
|
47
|
+
```sass
|
|
48
|
+
// file: src/sass/styles.scss
|
|
49
|
+
@import 'susy',
|
|
50
|
+
'layout-tools-for-susy';
|
|
51
|
+
```
|
|
30
52
|
|
|
31
53
|
## How to use
|
|
32
54
|
Since Susy2 switched to storing all grid settings in SASS maps, it seems to be quite a good idea to store other basic layout settings the same way. Layout Tools for Susy provides tools to store and access layout settings while making the interaction with SASS maps to a minimum. Let’s see how it’s done.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Sets a base value and creates new absolute typographic context based on rem values.
|
|
3
|
-
* @param {px value} $font-size Font size value.
|
|
4
|
-
* @param {px value|Boolean} $line-height: 1.25*$font-size Line height value,
|
|
3
|
+
* @param {px value} $font-size Font size value, default is global $base__font-size.
|
|
4
|
+
* @param {px value|Boolean} $line-height: 1.25*$font-size Line height value, default is global $base__font-size
|
|
5
5
|
* @param {Booelan} $set-styles: true Pass false to just switch type context without settings styles.
|
|
6
6
|
*/
|
|
7
|
-
@mixin type-base($font-size, $line-height:
|
|
7
|
+
@mixin type-base($font-size: $base__font-size, $line-height: $base__line-height, $set-styles: true) {
|
|
8
8
|
// store current type settings temporarily
|
|
9
9
|
$base__font-size--parent: $base__font-size;
|
|
10
10
|
$base__line-height--parent: $base__line-height;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: layout-tools-for-susy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Oliver Wehn
|
|
@@ -16,28 +16,28 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '3.
|
|
19
|
+
version: '3.0'
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '3.
|
|
26
|
+
version: '3.0'
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: susy
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
31
|
- - "~>"
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
|
-
version: 2.2
|
|
33
|
+
version: '2.2'
|
|
34
34
|
type: :runtime
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
|
-
version: 2.2
|
|
40
|
+
version: '2.2'
|
|
41
41
|
description: Organize and handle layouts over multiple breakpoints
|
|
42
42
|
email:
|
|
43
43
|
- hello@oliverwehn.com
|