Material Color Palette and Vertical Rhythm front-end framework

Typography

Every typography element in MCPVR has vertical rhythm and cross-browser styling

Headers

Headers can also be set by adding one of the classes .h1-.h6 if you don't want to use tags (.e.g. in SEO pages)

By default headers are scaled from $base-font-size:15px; by $ratio:1.1618 and have $header-color:text('dark-hint') as their color

Headers can be used along with .bg-color-tone classes

Preview

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Lists

Unordered list

  • This is an example of unordered list
  • This is an example of unordered list
  • This is an example of unordered list
  • This is an example of unordered list
  • This is an example of unordered list

Ordered list

  1. This is an example of ordered list
  2. This is an example of ordered list
  3. This is an example of ordered list
  4. This is an example of ordered list
  5. This is an example of ordered list

Relaxed list

  • This is an example of .relaxed unordered list
  • This is an example of .relaxed unordered list
  • This is an example of .relaxed unordered list