Based.css
Based is a barebones CSS framework for prototype or production. Based features an extensive flexbox grid system and OOCSS classes that don't make assumptions about your application's styles or override any browser defaults except box-sizing
.
Docs
Installation
Based can be installed with your favorite package manager:
- npm
npm install based.css
- Yarn
yarn add based.css
If you're using a Webpack and sass-loader, you import based directly into your main Sass file.
@import '~based.css/src/based';
BYO Based
(Build your own Based). Don't like something? Fix it. Based is built with Sass. Clone this repo and you can tweak anything. Some setting like grid columns, base padding/margins, type-size, breakpoints, etc. can be easily adjusted in src/_config.scss
.
The command npm run build
will build you a custom version of Based.
Based is Big
Based is barebones, but it's not light. It's ~27kb minified. There's probably a lot of CSS you won't use. Using something like uncss is highly recommended if you're building something that needs to remain lean.