- We use the BEM approach to write css.
- Every css class must be prefixed with
dc-
.
- All variables and mixins must be prefixed with
dc-
and must use the hyphen-case (with hyphens as separators). - To mark a function/variable/mixins/placeholder/selector as private, its name should start with one underscore.
_dc-*
Each atom/molecules/module is prepared to be independently loaded, by requiring its own dependencies. So you will notice at the top of each file a commented import directive, something like this:
// @import "../core/core";
@mixin dc-checkbox($sibling-label-selector : ".dc-label") {
// ...
}
We hope that sass 4 brings us a new cool import directive that works as the less one (import once by default). We are not the only one requesting that feature