Package Exports

stylelint-rational-order-plugin

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (stylelint-rational-order-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

stylelint-rational-order-plugin

Stylelint config that sorts related property declarations by grouping together following the order:

Positioning
Box Model
Typography
Visual
Animation
Misc

.declaration-order {
  /* Positioning */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;

  /* Box Model */
  display: block;
  float: right;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 10px;

  /* Typography */
  color: #888;
  font: normal 16px Helvetica, sans-serif;
  line-height: 1.3;
  text-align: center;

  /* Visual */
  background-color: #eee;
  border: 1px solid #888;
  border-radius: 4px;
  opacity: 1;

  /* Animation */
  transition: all 1s;

  /* Misc */
  user-select: none;
}

Usage

Add stylelint and this package to your project:

npm install --save-dev stylelint stylelint-rational-order-plugin
# or, if you prefer yarn over npm:
yarn add --dev stylelint stylelint-rational-order-plugin

Add this package to the end of your extends array inside Stylelint configuration (.stylelintrc for example):

{
  "plugins": [
    "stylelint-rational-order-plugin"
  ],
  "plugin/rational-order": true
}

Options

Boolean, or an array of options, where the first element is true, and the second is an options object.

Boolean option

true: Enables the plugin.

false: Disables the plugin.

Optional secondary options

`"borderInBoxModel": Boolean`

Default border property belongs to the visual section "borderInBoxModel": false. If true border property belongs to the box model section.

`"emptyLineBeetweenGroup": Boolean`

This option adds an empty line between groups. Default false.