My Sassy Base

My Sassy Base

My Simple Framework

This is my personal front-end starter built with SASS. I enjoy writing my own CSS. Sass rules. Blah blah blah lorem ipsum et olorem.

Check it out

Typographic Scale

This is a Heading 1

This is a Heading 2

This is a Heading 3

This is a Heading 4

This is a Heading 5
This is a Heading 6

This is a paragraph. This is italic. This is bold. This is a link. Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, a amet. Velit, quos impedit illo doloremque quasi tempore quidem mollitia, aliquid voluptas dolorum error placeat culpa numquam quae, nemo itaque. Dolore ullam corporis a animi neque nobis cum, temporibus consectetur similique asperiores nulla soluta perspiciatis, qui autem enim ratione suscipit.

Consequuntur amet tenetur quibusdam id aperiam quae quos odit, doloribus totam cumque delectus fuga animi nostrum saepe ipsum inventore ipsam eaque molestias voluptas quam dolores ut corrupti in suscipit. Optio quas officia recusandae amet aut. Id ratione ipsam nihil voluptatem.

Type Specimen

Headline

This is a Subheader

Meta Info

This is a paragraph. This is italic. This is bold. This is a link. Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, a amet. Velit, quos impedit illo doloremque quasi tempore quidem mollitia, aliquid voluptas dolorum error placeat culpa numquam quae, nemo itaque. Dolore ullam corporis a animi neque nobis cum, temporibus consectetur similique asperiores nulla soluta perspiciatis, qui autem enim ratione suscipit.

Button Alt Button

Resuable Grid

Column
Column
Column
Column
Column
Column
Column
Column
Column
Column
Centered column with no class
Centered column one half
Centered column one third
Centered column one fourth
Placeholder

This Text Block Should be Right

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, a amet. Velit, quos impedit illo doloremque quasi tempore quidem mollitia, aliquid voluptas dolorum error placeat culpa numquam quae, nemo itaque. Dolore ullam corporis a animi neque nobis cum, temporibus consectetur similique asperiores nulla soluta perspiciatis, qui autem enim ratione suscipit.

Placeholder

This Text Block Should be Left

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, a amet. Velit, quos impedit illo doloremque quasi tempore quidem mollitia, aliquid voluptas dolorum error placeat culpa numquam quae, nemo itaque. Dolore ullam corporis a animi neque nobis cum, temporibus consectetur similique asperiores nulla soluta perspiciatis, qui autem enim ratione suscipit.

Placeholder

This Block and Image Should be Centered

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, a amet. Velit, quos impedit illo doloremque quasi tempore quidem mollitia, aliquid voluptas dolorum error placeat culpa numquam quae, nemo itaque. Dolore ullam corporis a animi neque nobis cum, temporibus consectetur similique asperiores nulla soluta perspiciatis, qui autem enim ratione suscipit.