https://github.com/jsit/sass-type-aid
scss mixins to help with typographic rhythms etc.
https://github.com/jsit/sass-type-aid
Last synced: 15 days ago
JSON representation
scss mixins to help with typographic rhythms etc.
- Host: GitHub
- URL: https://github.com/jsit/sass-type-aid
- Owner: jsit
- Created: 2017-01-25T23:32:02.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-08-10T15:29:46.000Z (almost 8 years ago)
- Last Synced: 2025-02-24T00:41:20.028Z (over 1 year ago)
- Language: CSS
- Homepage: https://jsit.github.io/sass-type-aid
- Size: 85 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sass Type Aid
scss mixins to help with typographic rhythms etc.
# Installation
`bower install --save-dev https://github.com/jsit/sass-type-aid.git`
# Usage
## Font size
When setting font sizes, use the `rhythm-font-size` mixin, passing a unitless parameter that will increase the font size that number of steps on the modular scale. The `line-height` will also be set to an amount (not smaller than `$min-line-height` that maintains vertical rhythm. For instance:
**Input**
```scss
h4 {
@include rhythm-font-size(2);
}
```
**Output**
```css
h4 {
font-size: 23.04px;
font-size: 1.44rem;
line-height: 1.80556;
margin: 0;
}
```
# Dependencies
[Bourbon](https://bourbon.io)