Cœur de fer

CSS styling with an iron heart

coeur-de-fer is a tool written in {less} intended to concieve customized CSS Frameworks. It purpose is to help build easier and quicker CSS for frontend webdesign, with simple, extensive et extendable components to mix and use. It is intended to be used on conception level.

It's not assuming which component you will be using, on the contrary, this tool is about helping you build the components you need.

On a practical level, coeur-de-fer is a library of Less mixins and functions aiming at framework creation. They handle common and precise CSS processing for layout, paint and composite stage of design.

Installation

Install coeur-de-fer source Less files via npm or git submodule. The shipped package will be ready to be use directly on your project.

Read installation docs
npm i @wizhou/coeur-de-fer
git submodule add https://github.com/wizhou/coeur-de-fer.git coeur-de-fer

Quickstep

the easiest way to use the library is by importing it into your index.less file before anything else.

@import (less) '{path-to-coeur-de-fer}/index.less';

Documentation

Dig deeper into our documentation to know how Cœur-de-fer work and what you can do with it.

Check the docs

References

Check the cheatsheet of all mixin and function of Cœur-de-fer to a fast yet documented usage.

See the references

Blog

Check out the news and where the developpement of Coeur-de-fer is heading.

Read the blog