My Sassy Base

A Simple Sassy CSS Framework

For a fast, flexible, front-end start that can be fully customized for bespoke UI designs.

Check it out on Github

Typographic Scale

This is a Heading 1

This is a Heading 2

This is a Heading 3

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.

This is a Link Button This is an Alt Link Button

Reusable Grid System

1 Column

½ Column

½ Column

½ Column Centered

⅔ Column Centered

Sample Layout

placeholder

Right Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt lacus eget neque aliquet cursus. Nulla ac nisl sed nisi posuere dapibus vitae id sem. Donec porttitor congue felis, tempus condimentum nunc semper non.

placeholder

Left Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt lacus eget neque aliquet cursus. Nulla ac nisl sed nisi posuere dapibus vitae id sem. Donec porttitor congue felis, tempus condimentum nunc semper non.

placeholder

Center Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt lacus eget neque aliquet cursus. Nulla ac nisl sed nisi posuere dapibus vitae id sem. Donec porttitor congue felis, tempus condimentum nunc semper non.