Skip to content

Instantly share code, notes, and snippets.

@founddrama
Last active August 29, 2015 14:10
Show Gist options
  • Save founddrama/51d79a84a8f1d9690312 to your computer and use it in GitHub Desktop.
Save founddrama/51d79a84a8f1d9690312 to your computer and use it in GitHub Desktop.
Simplest-possible SCSS theming approach
// in themes/
$background_color: #E22;
$foreground_color: #ded;
$text_color: #030;
@import 'themes/core-vars';
@import 'themes/alt-vars';
@import 'core/layout';
// etc.
// in themes/
$background_color: #222;
$foreground_color: #ddd;
$text_color: #111;
$base_margin: 1rem;
$base_padding: 0.5rem;
// in core/
$background_color: #222;
$foreground_color: #ddd;
$text_color: #111;
$base_margin: 1rem;
$base_padding: 0.5rem;
.container {
background-color: $background_color;
}
.post {
background-color: $foreground_color;
color: $text_color;
padding: $base_padding;
margin: $base_margin;
}
@import 'themes/core-vars';
@import 'core/layout';
// etc.
@founddrama
Copy link
Author

RE: "Minimum Viable Demonstration" (https://twitter.com/founddrama/status/539845927046234112)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment