stylelint-config-moxy

stylelint-config-moxy

MOXY stylelint configuration to be used across projects.

Installation

$ npm install stylelint stylelint-config-moxy --save-dev

Usage

Create a .stylelintrc.json file with:

{
    "extends": "stylelint-config-moxy"
}

File naming convention

File names should be hyphenated (lower case with hyphens).

If a CSS file is strictly associated with a JS file, it should follow the name of the JS file, e.g.: if we need to style a Button.js react component, then the css file should be named Button.css.

Comments convention

/* ==========================================================================
   Main comment block
   ========================================================================== */

.title {}

/* Secondary comment block
   ============================================= */

.description {}

/* Tertiary comment block & line/inline comments */

.tags {
    /* Line comment */
    background: red;
    transition: color 0.2s ease-out;  /* Inline comment */
}

/*
   Multi
   line
   comment
*/

Tests

$ npm test
$ npm test -- --watch during development

License

MIT License