README
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