Skip to content

Instantly share code, notes, and snippets.

@mikefowler
Created August 15, 2012 15:24
Show Gist options
  • Save mikefowler/3361006 to your computer and use it in GitHub Desktop.
Save mikefowler/3361006 to your computer and use it in GitHub Desktop.
Sass Theming Structure
/**
* The result of this file structure is ONE *.css file per theme. Making a global change
* to _base or _config partial will update all themes that inherit from them. #win
*/
@import 'config';
/**
* Global
*/
body {
background-color: $background-color;
color: $body-copy-color;
}
// Colors
$background-color: #eee !default;
$body-copy-color: #222 !default;
// Base overrides
$background-color: #ccc;
$body-copy-color: #111;
// Inherit from base...
@import 'base';
/**
Theme-specific CSS goes here: modules, widgets, plugins, whatever...
**/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment