Indentation rule

Hi, I need help regarding a behavior in a rule.

We use sass-lint (https://github.com/sasstools/sass-lint) on some projects, but we’re migrating to stylelint. In sass-lint, we use the indentation rule and it has a slightly different behavior in its validation.

Look at the illustrations:

indentation with sass-lint:

indentation with stylelint:

We found that there is a difference in the validation. Sass-lint validates even the beginning of the style block, not allowing indentation in the initial part. If I indent all the contents of the block, the stylelint allows, but the sass-lint does not.

I wanted your opinion on this behavior. Does sass-lint validation make sense? Can I simulate the same validation with stylelint?

Thanks in advance for your help,

Jackson

[gucong3000]

I’m trying to solve this problem. I’ve added an option baseIndentLevel, you can set this option to 0 to make the CSS indent level equal to the parent element.

"use strict";
const stylelint = require("stylelint")    // npm i stylelint/stylelint#indent_infer
stylelint.lint({
  code: `
    <style>
      a {
        display:block;
      }
    </style>`,
  codeFilename: "a.html",
  config: {
    rules: {
      indentation: [
        2,
        {
          baseIndentLevel: 0,
        }
      ]
    },
  },
  fix: true,
}).then(result => console.log(result.output));

$ node indent_test.js

    <style>
    a {
      display:block;
    }
    </style>

[jeddy3]

@CodeLittlePrince Please ensure your using the latest version of stylelint (by deleting your node_modules folder and any globally installed versions). If that doesn’t fix the problem, please create a new issue (using the “Report a bug” template) so that we can better help you.