Guards Not Working With Strings

[daniel-nagy]

& when (@variant = "secondary") {
  background-color: @btnSecondaryBgColor;
  border-color: @btnSecondaryBorderColor;
  color: @btnSecondaryColor;
}

This guard is always entered, even when props.variant is not equal to secondary.

[jean343]

Thanks for reporting this issue, I believe we have limited support for guards. Could you add the complete example with the React component and I will try it.

Thanks,

[jean343]

A workaround is to use the styled syntax

${props => props.variant === "secondary" && css`
  background-color: @btnSecondaryBgColor;
  border-color: @btnSecondaryBorderColor;
  color: @btnSecondaryColor;
`}