Basscss

Low-level CSS Toolkit

v4.0.5 · 11KB (2.5KB 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.


Designed for Design

With simple, humanized naming conventions, Basscss is quick to internalize and easy to wrap your head around, while striking a balance between consistency and flexiblity.

Responsive by Default

The web is inherently flexible, Basscss doesn’t break that tradition and provides lightweight solutions to design for all devices.

Unobtrusive

Basscss doesn’t dictate what your site should look like. With extensible base styles and variables for typography, white space, breakpoints, and UI elements, customizing the look and feel is easy.

Mix and Match

With modular styles that work like building blocks, Basscss provides a foundation of reusable and inter-operable styles for greater freedom when designing in the browser.


Aa

Base Elements

Core typographic, form, button, and base element styles keep designs consistent where it matters most.

Utility Styles

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

.bold
.inline-block
.mb4
.col-4
.col-8

Layout Modules

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

Color

Simple, customizable color utilities encourage iterative design and allow for flexibility over time.

.blue
.green
.yellow
.red

Get Started

View the docs to download Basscss and learn more.