@w0s/stylelint-config v4.3.0

stylelint-config

Stylelint configuration file used on my personal website (w0s.jp).

Features

It is based on stylelint-config-standard with its own rule settings.

• Disallow !important within declarations.
  • 🙁 color: #000 !important
  • 🙂 color: #000
• Do not use ID selector.
  • 😨 #foo { color: #000 }
  • 🙂 .foo { color: #000 }
• Do not use multiple universal selectors. However, this excludes the use of a next-sibling combinator (+).
  • 🙂 *
  • 😨 * > *
  • 🙂 * + * (This is used in the "owl selector" in stack layout)
• Use of CSS physical properties and values is not recommended. Use logical properties and values.
  • 🙁 margin-top: 1em
  • 🙂 margin-block-start: 1em
  • 🙁 text-align: right
  • 🙂 text-align: end
• Multi-keyword syntax is recommended for the display property.
  • 🙁 display: block
  • 🙂 display: block flow
• The order of properties within declaration blocks follows stylelint-config-concentric-order.
  • 😨 .foo { padding: 1em; margin: 1em }
  • 🙂 .foo { margin: 1em; padding: 1em }

See source code for other details.

Usage

{
  "extends": ["@w0s/stylelint-config"]
}