Screaming Fist
Sass to create custom themes.
A sample WordPress theme demonstrating use ofScreaming Fist Logo created by Michael Wolfe
Features
- Custom CSS for WYSIWYG editor
- Custom CSS for WP Admin
- Far futures expiration of CSS file
- gulp build process with autoprefixer and livereload
- Separate development and production CSS
Setup
npm install
bower install
gulp
Development
Run gulp
in "watch mode" so that CSS is regenerated from Sass and browsers are reloaded via livereload when Sass changes.
gulp watch
Class Namespaces
b-
base stylesc-
componentsl-
layoutst-
global tokenslt-
local tokenss-
scopes
Resources
- https://sass-guidelin.es/ - An opinionated styleguide for writing sane, maintainable and scalable Sass.
- https://sass-guidelin.es/#the-7-1-pattern - The 7-1 Pattern for Sass architecture
- http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/