Skip to content

stylus/media-feature-colon

require or disallow media feature colons.

  • ⚙️ This rule is included in "stylelint-stylus/standard". (options: "never")
  • 🔧 The fix option can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule require or disallow media feature colons.

🔧 Options

json
{
  "stylus/media-feature-colon": ["always" | "never"]
}
  • "always" ... Requires one colon.
  • "never" ... Disallows colons.

"always"

styl
/* stylelint rules config: {"stylus/media-feature-colon": "always"} */
// ✓ GOOD
@media (min-width: 600px)
  padding 20px

// ✗ BAD
@media (min-widt
h
600px)
padding 20px

"never"

styl
/* stylelint rules config: {"stylus/media-feature-colon": "never"} */
// ✓ GOOD
@media (min-width 600px)
  padding 20px

// ✗ BAD
@media (min-widt
h
: 600px)
padding 20px

📚 Further reading

🔍 Implementation