Kevin Powell - Community•7mo ago

Modern version of stylelint-config-rational-order ?

I'd like to lean on stylelint to keep my properties in a rational order, but the existing stylelint-config-rational-order is outdated, and does not include any logical properties whatsoever (like margin-inline-start). Is there an up-to-date version of such a config for stylelint that includes all modern (as of 2024) CSS properties?

2 Replies

ZampaOP•7mo ago

Maybe I just have to create a custom stylelint config like this?

 "order/properties-order": [
      [
        {
          "groupName": "Positioning",
          "properties": [
            "position",
            "top",
            "right",
            "bottom",
            "left",
            "z-index",
            // Include logical properties
            "inset",
            "inset-block",
            "inset-block-end",
            "inset-block-start",
            "inset-inline",
            "inset-inline-end",
            "inset-inline-start"
          ]
        },

 "order/properties-order": [
      [
        {
          "groupName": "Positioning",
          "properties": [
            "position",
            "top",
            "right",
            "bottom",
            "left",
            "z-index",
            // Include logical properties
            "inset",
            "inset-block",
            "inset-block-end",
            "inset-block-start",
            "inset-inline",
            "inset-inline-end",
            "inset-inline-start"
          ]
        },

MarkBoots•7mo ago

I think this one is more up to date https://github.com/stormwarning/stylelint-config-recess-order

GitHub

GitHub - stormwarning/stylelint-config-recess-order: 🗂️ Recess-base...

🗂️ Recess-based property sort order for Stylelint. - stormwarning/stylelint-config-recess-order

Gaming

Programming

Modern version of stylelint-config-rational-order ?