SASS Starter - SCSS for SMACSS
Starter code for SASS based on Scalar and Modular Architecture for CSS (SMACSS). SMACSS (pronounced “smacks”) is more style guide than rigid framework. This allows for more customization to the structure as we see fit.
Visit this link for documentation.
- SMACSS structure for SASS.
- Mixins for BEM naming conventions and Media queries.
- SASS functions for unit conversions.
- Bootstrap Grid and Print CSS.
- Normalize CSS.
- Live reloading with BrowserSync.
- Packages such as JS/CSS minification and CSS autoprefixer included.
- Install
node
andnpm
,yarn
(recommended) if not installed.
- Clone Sass-Starter repo with
git clone git@github.com:sshikhrakar/Sass-Starter.git
(using SSH - recommended) orgit clone https://github.com/sshikhrakar/Sass-Starter.git
(using HTTPS) or download the zip. - Go to your project folder using a terminal, and run
npm install
oryarn install
. - After installing npm packages, run
npm run start
oryarn start
to start the server. Your default browser will open automatically and the server will be hosted athttp://localhost:8080
.
For building your minified css code and optimized images run
npm run build
oryarn build
. All files will be created atdist/
folder.
Include or remove bootstrap at
utilities/_manifest.scss
.
1. Node/NPM
2. Yarn (recommended/optional)
Please read the CONTRIBUTING guidelines for details on how to contribute. Also read the Code of Conduct here.
See also the list of contributors who participated in this project.
Report a bug or request a new feature by opening an issue.
Guidelines for bug report at CONTRIBUTING.md.
This project is licensed under the MIT License - see the LICENSE.md file for details.
This project uses awesome work of other projects: