Bricks frontend framework

Bricks is a frontend framework providing good complementarity between components and utility classes. It's currently used at Monsieur Biz to build our projects.

Build locally

Use the following commands to build locally:

npm install
npm run buildSass

You can also watch for changes with this command:

npm run watchSass

How it works

Very basic right now, it will evolve continuously. The main philosophy of the framework is to offer a mixed approach between BEM and a utility-first framework like Tailwindcss. The goal is to offer a rich variety of full featured components and the efficiency of the utility classes.

Styles

The styles in this framework take advantage of Sass and CSS variables.

Architecture

• settings: Global variables, project-wide settings, etc.
• tools: Project-wide mixins, functions and placeholders.
• elements: Low-specificity, far-reaching rulesets and unclassed HTML elements.
• objects: Objects, abstractions, and design patterns.
• components: Complete chunks of UI.
• utilities: High-specificity, very explicit selectors.

Contributing

From the core to the documentation, you're very welcome to contribute by opening an issue or a Pull Request if you want! 😘 Thank you!

License

This framework is completely free and released under the MIT License.