Using properties inside strings should be replaced with the variable value instead of the name
Mad-Kat opened this issue · 0 comments
Mad-Kat commented
If you use a property inside double quotes, yak should replace the double quotes and the expression with the CSS variable.
So this:
const Input = styled.input<{$placeholder: string}>`
&::before {
content: "${p => p.$placeholder}";
}
`;
should result in:
.Input {
&::before {
content: var(--🦬1sstj5p0);
}
}
but results in:
.Input {
&::before {
constent: "var(--🦬1sstj5p0)";
}
}