Skip to content

Instantly share code, notes, and snippets.

@elisechant
Created October 12, 2013 22:34
Show Gist options
  • Save elisechant/6955693 to your computer and use it in GitHub Desktop.
Save elisechant/6955693 to your computer and use it in GitHub Desktop.
#Anonymous SASS application Design Pattern Currently an untested concept. Different ways of thinking about how to handle css in more logical and functional ways. Possible use cases: - Child Theming contexts. Agency installs. - Or for applications where state needs to be persisted and shared, like for animations that reference one another?
// import plugins outside
@import 'bourbon';
@mixin application(
$config-var: 'foo',
$config-param: 200
) {
// application
@import 'base/*';
@import 'modules/*';
@import 'templates/*';
@import 'pages/*';
@import 'state/*';
// ...
@mixin module(
// ...
) {
$_config-param: $config-param + 10;
// ...
}
};
@include application;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment