Multiple font families separated with line breaks

[otakustay]

Without any options specified, with postcss@7.0.21, postcss-cli@6.1.3 and postcss-custom-properties@9.0.2

:root {
    --font-family: 'Courier New', Courier, monospace;
}

div {
    font-family: var(--font-family);
}

becomes:

:root {
    --font-family: 'Courier New', Courier, monospace;
}

div {
    font-family: 'Courier New'
,
Courier
,
monospace;
    font-family: var(--font-family);
}

[tranlamnhatnam]

Same issue here!

Variable:

:root {
  ...
  --btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  ...
}

.btn:hover {
  ...
  transition: var(--btn-transition);
  ...
}

Output:

.btn:hover {
  ...
  transition: color
.15s
ease-in-out
,
background-color
.15s
ease-in-out
,
border-color
.15s
ease-in-out
,
box-shadow
.15s
ease-in-out;
  transition: var(--btn-transition);
  ...
}

[SuperPat45]

Idem with a box-shadow!