postcss-custom-properties
postcss-custom-properties copied to clipboard
Multiple font families separated with line breaks
Without any options specified, with [email protected]
, [email protected]
and [email protected]
: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);
}
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);
...
}
Idem with a box-shadow!