2017 © Pedro Peláez
 

library rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

image

jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  • Wednesday, October 19, 2016
  • by jaredhowland
  • Repository
  • 4 Watchers
  • 3 Stars
  • 34 Installations
  • HTML
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 1 Open issues
  • 12 Versions
  • 0 % Grown

The README.md

About Rhythm

Rhythm is a small set of Sass files built to assist in creating mobile-first, responsive websites with vertical rhythm using modular scales., (*1)

Installation

Rhythm is available as a [Bower package][14], a Composer package, and as a manual download., (*2)

Bower

  1. If needed, install [Bower][14]
  2. Run the following command: bower install jaredhowland/rhythm

Composer

  1. If needed, install Composer
  2. Add the following to your composer.json file:
"require": {
  "jaredhowland/rhythm": "~1.0"
}

Manual Installation

  1. Download the latest .zip file.
  2. Extract into your project.

Usage

Import Rhythm

@ import "path/to/rhythm";, (*3)

Basics

Any time you want to change a font-size, line-height, padding, or margin, use Rhythm instead:, (*4)

p {
  @include font-size(18px);
}

h2 {
  @include line-height($h2, 2); // Double the computed line height for font-size `h2`
}

h1 {
  @include padding(2 0 1); // Double top padding, no side padding, and single line-height bottom padding
}

ul {
  @include margin(1); // Single line-height margin size around entire element
}

Full details can be found on the documentation site., (*5)

The Versions

19/10 2016

dev-master

9999999-dev http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

17/06 2016

1.2.0

1.2.0.0 http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

23/04 2016

1.1.2

1.1.2.0 http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

10/03 2015

1.1.1

1.1.1.0 http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

01/03 2015

1.1.0

1.1.0.0 http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

25/02 2015

1.0.0

1.0.0.0 http://github.com/jaredhowland/rhythm

Sass files to create mobile-first responsive websites with vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

responsive mobile-first sass scss vertical rhythm modular-scale

14/02 2015

0.1.3

0.1.3.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

sass scss vertical rhythm modular-scale

14/02 2015

0.1.2

0.1.2.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

sass scss vertical rhythm modular-scale

14/02 2015

0.1.1

0.1.1.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

sass scss vertical rhythm modular-scale

14/02 2015

0.1.0

0.1.0.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

sass scss vertical rhythm modular-scale

14/02 2015

0.0.2

0.0.2.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

by Jared Howland

sass scss vertical rhythm modular-scale

13/02 2015

0.0.1

0.0.1.0 http://github.com/jaredhowland/rhythm

Sass files to create a vertical rhythm based on modular scales

  Sources   Download

MIT

The Requires

  • necolas/normalize.css ~3.0

 

by Jared Howland

sass scss vertical rhythm modular-scale