https://github.com/bitmap/based.css
Everyone likes their own CSS framework
https://github.com/bitmap/based.css
Last synced: 10 months ago
JSON representation
Everyone likes their own CSS framework
- Host: GitHub
- URL: https://github.com/bitmap/based.css
- Owner: bitmap
- Created: 2017-05-31T00:09:36.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-09-03T23:05:07.000Z (over 5 years ago)
- Last Synced: 2025-04-10T11:48:57.383Z (10 months ago)
- Language: CSS
- Homepage: https://bitmap.github.io/based.css
- Size: 270 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 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
[Read up on Based](https://bitmap.github.io/based.css).
## 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](https://github.com/webpack-contrib/sass-loader), you import based directly into your main Sass file.
```scss
@import '~based.css/src/based';
```
## BYO Based
(Build your own Based). Don't like something? Fix it. Based is built with [Sass](http://sass-lang.com). 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](https://github.com/giakki/uncss) is *highly* recommended if you're building something that needs to remain lean.