fylgja / stylelint-config

A shareable stylelint config object that enforces Fylgja's css rules

Fylgja is a component-based CSS framework that allows you to pick and choose the components you need. Each component is built as a foundation for a specific component, so you can style it to your own look without having to build the base styles from scratch every time.

Fylgja is powered by SCSS, but can also be used with PostCSS or as plain CSS. This makes it easy to include Fylgja in your projects, regardless of your preferred setup.

Learn more

• Website
• Installation
• Guides/Docs
• Features
  • Accessibility
  • Darkmode
  • Design Tokens
  • Native Elements (a.k.a. classless)
  • RTL (Right to Left)
• Support
• Testing/Playground
• Documentation Github Repo

Checkout all Fylgja CSS Components

On Fylgja.dev

Or on npmjs.com, using on of the links below:

Aria Only - Aspect Ratio - Auto Grid - Avatar - Badge - Base - Borders - Breadcrumbs - Button - Card - Code - Colors - Container - Control - Details - Dialog - Easing - Fonts - Form - Gradient - Hashlink - Input Group - List - Marquee - Menu - Mq - Pagination - Print - Progress - Range - Scroll Slider - Scrollbar - Section - Shadow - Sizes - Stretched Link - Table - Tokens - Transform - Transition - Utilpack - Z-layer

stylelint-config's Issues

Add syntax support for Tailwind at-rules

Update to pnpm

Make rule `declaration-block-no-duplicate-properties` stricter

See info in docs https://stylelint.io/user-guide/rules/declaration-block-no-duplicate-properties/

Update to stylelinter v15

See docs -> https://stylelint.io/migration-guide/to-15/

New errors from `media-feature-range-notation: "context"` rule

While this a great rule, this a bit to early for any Fylgja code that needs a minimal of 2 mayor browser versions.

I agree with the comments from:

• stylelint/stylelint-config-standard#275 (comment)
• stylelint/stylelint-config-standard#275 (comment)

I am also surprised that this rule got added to stylelint-config-standard so fast, when support for Safari was just added

Now in 10 Aug, 23 the support is still meh, Safari is now at 16.5 and added support in 16.4, if the support was added in Safari 15 I might considered keeping the rule, but this just to fast 🙁

value-list-comma-newline-after trows error when used in combination with Prettier

Unsetting this rule until prettier/prettier/issues/7039 is fixed will allow a less strict approach.
And prevents any errors that would be made by formatting with Prettier.

Set `color-function-notation` to 'modern'

Currently Fylgja is leaving this option open to choice,
but with the support and our personal updates to our code we feel this reason is lost and we should enforce the rule now.

Fix import url rule

Currently with the latest stylelint config the url needs to be the url syntax;

@import url('./path/fule.css');

But in PostCSS the more direct url path is mostly used;

@import './path/fule.css';

Change the rule to except both options.

Also forward this same issue to the stylelint/stylelint-config-standard#265 that causes this breaking rule.
With the argument for both cases.
As seen in the spec and in the moz docs

And set a good reason why 1 is better than the other or that is just a choice.