Indent broken for css multi-line code

When using formatting in vscode (1.30.2) with prettier-vscode (v1.8.0). And with the following setting set;

{
  "prettier.stylelintIntegration": true,
  "prettier.eslintIntegration": true
}

My css styles that are multi-line are given a wrong indent.

.styles {
  background-image:
 linear-gradient(
    30deg,
    rgba(247, 251, 254, 1) 0%,
    rgba(221, 226, 232, 1) 100%
  );
  box-shadow:
 inset 0 2px 7px 1px rgba(255, 255, 255, .5),
    inset 0 -5px 20px rgba(187, 200, 225, .35),
    0 2px 6px rgba(40, 39, 66, .14),
 0 10px 20px rgba(40, 39, 66, .06),
    76px 75px 169px -35px rgba(0, 0, 0, .4);
}

[GrimLink]

Okay found the solution to fix my problem, for the most part. But this not perfect for me as I preferred the editorconfig to handle the indentation for me. But yeah this not a mayor issue.

To fix the issue set the indentation rule. If this is not set the indentation is not used correctly used by prettier-vscode. And not corrected by stylelint with the fix flag.

The only issue that is still present, is the the second example. If I am using using a box-shadow with multiple lines this will be wrongfully indented. But if you use stylelint, this is corrected.

[github-actions[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.