Basic styling for any webpage

Via Bower - Recommended

1. Run bower install basic.css
2. Include into your site either with sass (via @import "bower_components/basic.css/build/export.scss";) or directly linked in in your html document (<link rel="stylesheet" type="text/css" href="bower_components/basic.css/dist/basic.css" /> or with normalize.css <link rel="stylesheet" type="text/css" href="bower_components/basic.css/dist/basic.norm.css" />)

Manually

1. Put basic.css (or with normalize.css basic.norm.css) from /dist/ anywhere in your project directory (i.e. css/basic.css)
2. Add the link tag to your html document's head (<link rel="stylesheet" type="text/css" href="css/basic.css" />)

Once installed, everything works without any configuration needed.

Each module of basic.css has options (listed below). To use an option just add data-basic="" to the target element and add your options inside the quotes.

Core

• font - sets the font - used on any tag
  • font serif - uses the serif font stack
  • font sans-serif - uses the sans-serif font stack
  • font mono - uses the fixed-width/mono-space font stack
• attribution - shows a message at the bottom of the page to give attribution to basic.css