The CSS framework that won't restrict your artistry.
If you have suggestions of improvements or bug reports, please feel free to create a new issue via the issue tracker or open a new pull request.
Take a look at the project page [coming soon] to see the complete documentation.
- No styles included - or maybe a few as opinionated reset 😁
- Include only components that you need - compiled with Sass
- Responsive and adaptive - mobile first
- RTL support out of the box as separated CSS file
- Easy implementation - just a few classes
- Powered and inspirited by Twitters Bootstrap
- Very lightweight
- Bower:
bower install css-basics - npm:
npm install css-basics - Download latest release
Just include basics.min.css before all other stylesheets. Your template should have at least this markup:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="path/to/basics.min.css" />
<!-- more stylesheets -->
</head>
<body>
...
</body>
</html>Check out the dist for pre-compiled version or take a look at the setup documentation [link coming soon] to build your own dist.
All major browsers like Chrome, Firefox and Safari are supported.
Since v4.0, IE<10 and FF<19 support is dropped. If you want to support these browsers you can still use version 3.x.
IE9 doesn't support Flexbox - I'm looking for workarounds or a pollyfill.
- Jekyll
- NodeJS
Each main version is mostly backward-compatible. See the changelog to see all changes and fixes.
Released under the MIT license