bertlacy / simple-typography

A simple starting ground for beautiful typography on the web using Sass.

Simple Typography with Sass

Making the type on your blog beautiful with ease. Using Sass variables to calculate line heights, font sizes, margins and paddings. You create the amazing content and simply make it beautiful.

Getting started

• Clone the git repo
• run sudo npm install
• run grunt

What's in the box?

Sass files:

• style.scss
  • Simple Typography Settings - All settings for your type.
• _mixins.scss
  • REM mixin to calculate all font sizes across type.
  • Transition mixin used currently for hovers.
• _reset.scss
  • Eric Meyer’s CSS Reset.
• _demo.scss
  • Give the demo a pretty layout.

HTML

• index.html
  • The markup which Simple Typography uses to make your type beautiful.
  • Headers
  • Lists
  • Code Blocks
  • Paragraphs
  • Blockquotes
  • Images
  • Tables

License

Copyright of Adam Marsden and contributors. Licensed under the MIT license.