Clever/design-system-prototype

Name: design-system-prototype

Owner: Clever

Description: Clever's Design System

Created: 2016-05-19 21:36:51.0

Updated: 2016-12-09 21:58:13.0

Pushed: 2016-08-15 18:09:08.0

Homepage: null

Size: 32

Language: CSS

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Clever Design System

Lives at: http://clever.github.io/design-system/

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

• git
• Node.js
• npm v3 - just a sudo npm install -g npm away

To start fresh, clone Bassplate into a new project and remove its git directory.

clone https://github.com/basscss/bassplate.git new-project
ew-project
rf .git

Install the dependencies.

install

Start watching files for compilation.

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

ort 'basscss-background-images';

Add the dependency

install basscss-background-images

and then recompile with

run css

---

MIT License