/nationbuilder-style-tiles-with-scss

A fully functional NationBuilder theme for building single-page style tiles with SCSS.

Primary LanguageCSSMIT LicenseMIT

#NationBuilder Style Tiles with SCSS (Version 1.0)

https://github.com/ianpatrickhines/nationbuilder-style-tiles-with-scss

Copyright (c) 2014 Ian Patrick Hines

http://www.ianpatrickhines.com - http://twitter.com/ianpatrickhines - http://github.com/ianpatrickhines

Released under the The MIT License (MIT) - See LICENSE.md for more information.

Based on Samantha Warren's Style Tiles: http://styletil.es/ - http://www.alistapart.com/articles/style-tiles-and-how-they-work/

And forked from Style Tiles with SCSS by Jerad Gallinger: https://github.com/jeradg/style-tiles-with-scss

##What's this, then? Design style tiles with SCSS! Unchain your design ideas from Photoshop and jump straight into code. Create an additional site on your NationBuilder nation and set this as the custom theme. It's responsive, too.

##A brief explanation Start at the top of the SCSS for the most basic options, and move down for more fine-grained styling. (For simplicity, the SCSS is all kept in a single file. If you'd prefer to use partials, that works too.)

The SCSS is sectioned into (from top -> bottom):

  • Basic styling
    • Main colors, basic typography, textures, and button styling.
  • Advanced styling
    • Advanced options for the above items. If you want to make fancy buttons, do cool things with the texture boxes, or have fine-grained control over the typography samples and adjectives, do it here.
  • Settings
  • Below the settings, everything comes together in the proper order to be compiled.

Play around! Use SCSS and Compass's colour functions to create colour schemes, try to do fancy stuff in the texture boxes, mess about with floats and margins to customize the layout -- make it your own.

##Compass Style Tiles with SCSS is set up for use with Compass (http://compass-style.org), but does not require it.

##What are Style Tiles? For more on Samantha Warren's awesome Style Tiles, check out http://styletil.es/ and http://www.alistapart.com/articles/style-tiles-and-how-they-work/.

###Forked from Jerad Gallinger This Style Tiles repo was originally forked from Jerad Gallinger (https://github.com/jeradg/style-tiles-with-scss).