Validates any defined margin
, padding
, height
, and width
calc
CSS function and sass variables
npm install stylelint-8-point-grid --save-dev
yarn add stylelint-8-point-grid --dev
Update .stylelintrc or stylelint config in package.json
// .stylelintrc
{
"extends": [
"stylelint-8-point-grid"
]
}
// .stylelintrc
{
"extends": [
"stylelint-8-point-grid"
],
"rules": {
"plugin/8-point-grid": {
"base": 4,
"whitelist": ["2px", "1px"],
"ignore": ["width", "height"]
}
}
}
value used for divisibility checking
array of px values to be excluded from divisibility checking
array of css properties to be excluded from divisibility checking
supported values: margin
, margin-top
margin-bottom
, margin-left
, margin-right
,
padding
, padding-top
, padding-bottom
, padding-left
, padding-right
,
height
, min-height
, max-height
,
width
, min-width
, max-width
,
top
, bottom
, right
, left
MIT