Rapid Adaptive Practical Tricked-Out Rocket SMACS****S, or RAPTORSMACSS, is a highly modular and organized Sass (SCSS) boilerplate. It is loosely inspired by the SMACSS architecture pattern, with some layout liberties taken.
- Create a new project directory
- Place the
assets/
andsource/
directories from theRAPTORSMACSS/
directory, into the base directory of your project - Optionally, repeat the previous step with the other files found in the
RAPTORSMACSS/
directory (index.html
,.gitignore
,rapticon-16x16.png
, etc.) [do not transfer the.git/
directory] - Link your base file (eg.
index.html
) to theraptor.min.css
orraptor.css
stylesheet, found in theassets/
directory
<!-- EXAMPLE -->
<link rel="stylesheet" type="text/css" href="assets/stylesheets/raptor.min.css" />
Before making any modifications to the SCSS files, change to the base directory of your project, and run one of the following commands...
- To watch the SCSS and compile minified CSS and sourcemaps:
sass --watch source/scss/raptor.scss:assets/stylesheets/raptor.min.css --style compressed
- To watch the SCSS and compile standard CSS and sourcemaps:
sass --watch source/scss/raptor.scss:assets/stylesheets/raptor.css
- Write thorough documentation or instructional
.md
file(s) explaining how to use everything - Include logo, when developed
- Update
rapticon-16x16.png
andrapticon-16x16.ico
favicons, when developed - Create
apple-touch-icon
andog:image
The humans responsible and technology colophon.
- Ali Esmaili (Developer & Designer): AESM
- Molly Allison-Baker (Consultant): hermitina
- Eric Lawrence Dapp (Consultant): e-dapp
This project is copyright © 2015-2016 Ali Esmaili | SuitAndCape. It is free software that may be redistributed under the terms specified in the LICENSE.
This is based on The MIT License (MIT). For more information, visit the Open Source Initiative website.
🎩 | 🚀 |
---|---|
SuitAndCape GitHub | https://github.com/SuitAndCape |
Personal GitHub | https://github.com/AESM |
Website | http://SuitAndCape.github.io/ |
https://www.linkedin.com/in/SuitAndCape | |
https://twitter.com/SuitAndCape |