Home

Here you'll find documentation for our custom set of functions, layout helpers, and other mixins. Navigate using the sidebar menu if you wish to jump right to some documentation.

#What is Upbase? Upbase, the Upstatement helper framework, is a big mix between:

• Sass (for CSS pre-processing)
• Compass (for pre-built Sass helpers)
• HTML5 Boilerplate (for file starters)
• CSS Patterns previously created by Tito
• JS Patterns previously created

##Sass vs. Compass Sass and Compass are similar ... but different. One is language, the other a framework. ####Sass Sass is like the base-level language that lets you do all the things CSS should let you do: variables, nesting, loops, etc. It's been around for awhile (since 2007).

• Sass Documentation

####Compass Compass is the framework that uses Sass. So all these people were using Sass and they were like "there should be an easy way to write (for example) drop shadows without having to write 5 lines for the different browsers." So they did. And they kept going, adding things like typography helpers, sprite management, etc.

• Compass Documentation

Code Documentation

Functions
Functions usually perform calculations on numbers and can be called directly by name without an @include prefix

Layout
A set of power tools that help you quickly create diverse, flexible layouts using common markup patterns.

Helpers
A grab bag of mixins that encourage reusable patterns, eliminate repetition, and save time. These can help do everything from making a CSS triangle to setting a responsive video player.