Bassplate
Boilerplate for Basscss with postcss
Features
- Basic
index.html
template with asset links and responsive viewport meta tag - Starter folder structure
- npm run scripts for processing with postcss
- postcss plugins
- import
- custom-media
- custom-properties
- calc
- color-function
- discard-comments
- autoprefixer
Getting Started
You will need
To start fresh, clone Bassplate into a new project and remove its git directory.
git clone https://github.com/basscss/bassplate.git new-project
cd new-project
rm -rf .git
Install the dependencies.
npm install
Start watching files for compilation.
npm start
Use index.html
as a starting point, and edit src/base.css
to customize the CSS.
Adding optional modules
To add other helpful basscss modules, add the relevant @import
to src/base.css
and add the dependency to your package.json
So to add the basscss background image utils you'd:
Edit src/base.css
@import 'basscss-background-images';
Add the dependency
npm install basscss-background-images
and then recompile with
npm run css
MIT License