🐛 What's broken?
The .stylelintrc.json file explicitly configures several rules to enforce legacy CSS syntax rather than modern web standards. Specifically, "color-function-notation": "legacy" forces the use of comma-separated color values (e.g., rgba(0, 0, 0, 0.5)) instead of the modern, space-separated standard (rgb(0 0 0 / 50%)). Additionally, "media-feature-range-notation": "prefix" forces old-style media queries (min-width) over the newer context syntax (width >=).
For a modern CSS framework, this actively prevents developers from using up-to-date CSS features and syntax.
📋 Steps to Reproduce
- Navigate to the repository file:
.stylelintrc.json.
- Inspect the
"rules" object.
- Observe lines 6 and 20 where
color-function-notation and media-feature-range-notation are configured.
✅ Expected Behavior
The framework should embrace modern CSS standards. color-function-notation should be set to "modern" (or removed, as "modern" is the default in stylelint-config-standard), and media-feature-range-notation should be updated to "context".
❌ Actual Behavior
The configuration forces legacy comma-separated color functions and legacy media feature prefixes.
🔗 Reproduction
Current Structure:
"color-function-notation": "legacy",
"media-feature-range-notation": "prefix",
🐛 What's broken?
The
.stylelintrc.jsonfile explicitly configures several rules to enforce legacy CSS syntax rather than modern web standards. Specifically,"color-function-notation": "legacy"forces the use of comma-separated color values (e.g.,rgba(0, 0, 0, 0.5)) instead of the modern, space-separated standard (rgb(0 0 0 / 50%)). Additionally,"media-feature-range-notation": "prefix"forces old-style media queries (min-width) over the newer context syntax (width >=).For a modern CSS framework, this actively prevents developers from using up-to-date CSS features and syntax.
📋 Steps to Reproduce
.stylelintrc.json."rules"object.color-function-notationandmedia-feature-range-notationare configured.✅ Expected Behavior
The framework should embrace modern CSS standards.
color-function-notationshould be set to"modern"(or removed, as "modern" is the default instylelint-config-standard), andmedia-feature-range-notationshould be updated to"context".❌ Actual Behavior
The configuration forces legacy comma-separated color functions and legacy media feature prefixes.
🔗 Reproduction
Current Structure: