/bassplate

Boilerplate for Basscss with PostCSS

Primary LanguageCSS

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