B

Basscss

Next-level CSS Toolkit

v3.0 · 11KB

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.

Caps Italic Bold Regular

Layout Utilities

With a suite of basic styles and a white space scale

Class Description
.inlinedisplay: inline
.blockdisplay: block
.inline-blockdisplay: inline-block
.ohoverflow: hidden
.clearfixClears floated children
.leftfloat: left
.rightfloat: right

Forms

With styles that work with basic layout utilities

Buttons

Sized to match forms and other elements

Responsive Grid System

.col-6
.col-6
.col-4
.col-4
.col-4
.col-3
.col-3
.col-3
.col-3
.col-2
.col-2
.col-2
.col-2
.col-2
.col-2

Themes

Create your own themes to quickly customize the look and feel

.dark-gray
.mid-gray
.light-gray
.blue
.green
.yellow
.red

Getting Started

Read the documentation or visit Github to get started.