Open elisehein opened 1 year ago
probably the same root cause of the other issues: https://github.com/stitchesjs/stitches/issues/885 https://github.com/stitchesjs/stitches/issues/913 https://github.com/stitchesjs/stitches/issues/976 https://github.com/stitchesjs/stitches/issues/1060
Bug report
Describe the bug
When using responsive variants with the
@initial
breakpoint along with another breakpoint that happens to match the value in@initial
, the initial value is ignored.To Reproduce
Given the styled component:
and given the
media
property increateStitches
:setting the color variant responsively like this:
I would expect the component to have
color: red
at screens <100px,color: blue
at screens between 100px and 200px, andcolor: red
again at screens > 200px.Instead, no color is applied at screens < 100px. Styling at other breakpoints is applied correctly.
When changing
@medium
to"yellow"
(something other than@initial
), all styling is applied correctly.Codesandbox – observe no color applied on <40em screen width.
System information