Skip to content
This repository has been archived by the owner on Dec 5, 2022. It is now read-only.

Latest commit

 

History

History
32 lines (19 loc) · 1014 Bytes

CODING.md

File metadata and controls

32 lines (19 loc) · 1014 Bytes

Coding Conventions and Guidelines

Coding conventions:

  • We use the BEM approach to write css.
  • Every css class must be prefixed with dc-.

Sass conventions:

  • 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-*

Notes

Future compatibility

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