https://github.com/liamdefty/sass-fluid-type

A set of Sass mixins for creating fluid type & vertical rhythm.
https://github.com/liamdefty/sass-fluid-type

sass sass-mixins vertical-rhythm

Last synced: 16 days ago
JSON representation

A set of Sass mixins for creating fluid type & vertical rhythm.

• Host: GitHub
• URL: https://github.com/liamdefty/sass-fluid-type
• Owner: liamdefty
• Created: 2017-03-10T20:49:02.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-07-21T10:24:31.000Z (over 7 years ago)
• Last Synced: 2024-10-16T16:59:28.877Z (2 months ago)
• Topics: sass, sass-mixins, vertical-rhythm
• Language: CSS
• Homepage:
• Size: 10.7 KB
• Stars: 4
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fluid Type

An experimental set of Sass mixins for creating fluid type & vertical rhythm using the vw unit and calc. 

## Getting Started

Include `_fluid-type.scss` in your project. Or, if you use npm, `npm install liam-defty/sass-fluid-type`.

## What is it?

Using the vw unit we can create fluid typography. This means we can scale the font size depending on the width of the browser. We handle this with certain parameters when doing so to ensure we have control over the font size and the breakpoints in which it scales. By doing this we can utilise `rem` and `em` units for a global or component based scaling of components. On top of this we create a fluid baseline that scales with the font size to create a beautiful vertical rhythm based on the "golden ratio". 

To see a basic example see the example folder.

## To Do

- Write docs.