Skip to content

Latest commit

 

History

History
53 lines (35 loc) · 2.17 KB

README.md

File metadata and controls

53 lines (35 loc) · 2.17 KB
Raw

Monsieur Biz logo

Bricks frontend framework

Bricks framework license GitHub Super-Linter

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.