@hjtech/stylelint v1.0.3

@hjtech/stylelint

Add extend into .stylelintrc.json for active the features.

// .stylelintrc.json
{
  // ...
  "extends": [
    "./node_modules/@hjtech/stylelint/recommended",
    "./node_modules/@hjtech/stylelint/scss",
    "./node_modules/@hjtech/stylelint/order"
  ],
  // ...
}

@hjtech/stylelint/standard , @hjtech/stylelint/recommended

Both are the base stylelint rules. pick one been your base.

@hjtech/stylelint/scss

Scss lint plugin.

@hjtech/stylelint/order

Make properties order by rules as below.

  [
    "position",
    "top",
    "right",
    "bottom",
    "left",
    "z-index",
    "display",
    "justify-content",
    "align-items",
    "float",
    "clear",
    "overflow",
    "overflow-x",
    "overflow-y",
    "padding",
    "padding-top",
    "padding-right",
    "padding-bottom",
    "padding-left",
    "margin",
    "margin-top",
    "margin-right",
    "margin-bottom",
    "margin-left",
    "width",
    "min-width",
    "max-width",
    "height",
    "min-height",
    "max-height",
    "font-size",
    "font-family",
    "text-align",
    "text-justify",
    "text-indent",
    "text-overflow",
    "text-decoration",
    "white-space",
    "color",
    "background",
    "background-position",
    "background-repeat",
    "background-size",
    "background-color",
    "background-clip",
    "border",
    "border-style",
    "border-width",
    "border-color",
    "border-top-style",
    "border-top-width",
    "border-top-color",
    "border-right-style",
    "border-right-width",
    "border-right-color",
    "border-bottom-style",
    "border-bottom-width",
    "border-bottom-color",
    "border-left-style",
    "border-left-width",
    "border-left-color",
    "border-radius",
    "opacity",
    "filter",
    "list-style",
    "outline",
    "visibility",
    "box-shadow",
    "text-shadow",
    "resize",
    "transition"
  ]