Prettier 3.2.5
Playground link
--parser css
--tab-width 4
Input:
:where(input:not([type="button"], [type="reset"], [type="submit"]), textarea, select) {
/* CSS here */
}Output:
:where(
input:not([type="button"], [type="reset"], [type="submit"]),
textarea,
select
) {
/* CSS here */
}Expected output:
:where(
input:not([type="button"], [type="reset"], [type="submit"]),
textarea,
select
) {
/* CSS here */
}Why?
The extra indent added when wrapping, the extra indent should not be needed, it makes more sense to format the :where, :is and :not selectors with a single indentation based on the tab-width as shown in the Expected output
Prettier 3.2.5
Playground link
Input:
Output:
Expected output:
Why?
The extra indent added when wrapping, the extra indent should not be needed, it makes more sense to format the
:where,:isand:notselectors with a single indentation based on the tab-width as shown in the Expected output