WTF is Solid?

What is Solid?

Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS. Additionally, a few globally-reusable HTML and CSS components are available to help new apps spin up quickly without having to reinvent the wheel each time (with more on the way).

You can check out the code and contribute on GitHub. You can read more about Solid in our blog post on Medium.


In your project directory:

npm install --save bf-solid

Use Sass to build solid into your project. We use grunt sass, here's a sample configuration.


Source Files Compiled CSS Compiled CSS (minified)