/bloom

Functional CSS for the future

Primary LanguageCSSMIT LicenseMIT

Bloom
Version Size Contribute

Bloom is a future-facing, functional CSS microframework built on CSS variables. It helps you rapidly build custom interfaces and encourages consistency in production, as a foundation for your own design system.

.button {
  font: var(--font-ui);
  padding: var(--size-00);
  background: var(--color-blue-500);
  color: white;
  border-radius: var(--radius-2);
  box-shadow: var(--elevation-1);
}

Get Bloom

Install Bloom with NPM

npm i @tomorrow/bloom

Or include it directly from the CDN

<link rel="stylesheet" href="https://unpkg.com/@tomorrow/bloom/bloom.css" />

Documentation

Read the full documentaion at bloom.builtbytomorrow.com

© MIT Tomorrow