This is essentially a personal mish-mash between the Skeleton framework and lazerwalker's sassified version.
- All scss files are placed in the sass directory
- Generated stylesheet is stylesheets/screen.css
- Meddle all you want with the _custom.scss file for your specific customizations
This project now uses compass. Reuse is the new small :S
gem install compass
cd <myproject>
compass create
Unlike the original Skeleton, the sassified version is made to apply to your existing styles e.g.
.container{ @include container; }
#header {
@include columns(16);
}
#col1, #col2, #col3 {
@include columns(5.33);
}
Just go to your project folder and execute below commands:
# To compile on demand:
compass compile [path/to/project]
compass compile [path/to/project] -s nested/expanded/compact/compressed
#To monitor your project for changes and automatically recompile:
compass watch [path/to/project]
I would just use compass, but if that's not your thing use this command:
sass --watch sass:../stylesheets/ --style compressed