Saphire is a colection of helpful CSS classes, SASS mixins, and javascript elements to make frontend development quicker, easier, and more beautiful.



Elements

Sticky Element

An element, perhaps a navigation bar, that resides somewhere down the page. The user scrolls the page and once the element hits the top of the page it sticks, so it's always visible.

Three-Column List

A list where each list element has three columns. Content within each column is centered vertically.

Accordion Navigation

A navigation list. Clicking on a main link opens a sub-level of navigation, while hiding any other sections that are currently open.

Price Block Mixin

A mixin for formatting prices a little easier.