B

Basscss

Low-level CSS Toolkit

v4.0.0 · 10KB (2KB gzipped)

Modular CSS toolkit based on OOCSS principles

Basscss is a lightweight collection of base element styles, utilities, layout modules, and color styles designed for speed, performance, and scalability.

Lightweight

10KB minified, 2KB gzipped

Modular

Composable and highly reusable structure and styles

Consistent and Flexible

Smart defaults balanced with basic utility

Fast

Performant and simple styles to code faster

Hamburger 1

Hamburger 2

Hamburger 3

Base Elements

Smart defaults for base elements keep core design elements consistent.

Utility Styles

Simple, composable typographic and layout utilities based on consistent scales promote faster design and development in the browser and more performant, more readable code.

.block
.inline-block
.inline
.clearfix
.left
.right
.col-6
.sm-col-4
.col-6
.sm-col-4
.col-6
.sm-col-4
.col-6
.sm-col-4
.col-6
.sm-col-4
.col-6
.sm-col-4

Layout Modules

Flexible, responsive, and reusable layout modules control page structure across a wide variety of devices.

Color

Simple, readable color utilities allow for iterative design and flexibility in making design decisions.

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

Get Started

View the docs to download and read more.