jantimon/next-yak

Using properties inside strings should be replaced with the variable value instead of the name

Mad-Kat opened this issue · 0 comments

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)";
  }
}