Simple, responsive CSS toolkit based on OOCSS principles
BASSCSS is a lightweight collection of highly reusable styles and utilities designed for speed, performance, and scalability. Use it out of the box or as the base for a larger project.
Lightweight
11KB minified and designed for reusability
Performant
Selectors designed for speed
Flexible
Utility styles to handle the bulk of the work
Customizable
Sass variables and styles open for extension
Code Faster
Spend less time writing CSS
Mathematical
Based on a consistent scale for type and layout
Responsive Type Scale
With type utilities to make fine grain adjustments
Hamburger 1
Hamburger 2
Hamburger 3
Bacon ipsum dolor sit amet chuck prosciutto landjaeger ham hock filet mignon shoulder hamburger pig venison. Ham bacon corned beef, sausage kielbasa flank tongue pig drumstick capicola swine short loin ham hock kevin.
Layout Utilities
With a suite of basic styles and a white space scale
| Class | Description |
|---|---|
| .inline | display: inline |
| .block | display: block |
| .inline-block | display: inline-block |
| .oh | overflow: hidden |
| .clearfix | Clears floated children |
| .left | float: left |
| .right | float: right |
Forms
With styles that work with basic layout utilities
Responsive Grid System
Themes
Create your own themes to quickly customize the look and feel
Getting Started
Read the documentation or visit Github to get started.