argyleink / open-props

CSS custom properties to help accelerate adaptive and consistent design.

Home Page:https://open-props.style

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The gradient 5 and gradient 28 has a line.

handycode opened this issue · comments

commented

10 47 47

--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);
--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);

I fixed it below:

--gradient-5:conic-gradient(from -270deg at 74% 110%,#f0f,#fffaf0);
--gradient-28:conic-gradient(from -90deg at 49% 105%,#fff,orchid);

10 47 34

Is this issue still relevant? I don't see any lines in the gradients currently on ff or chrome. What browser are the screenshots from?

12 in your example also has a line.
it's odd/fishy that the lines are only on conics and seem random.
can you create a link that reproduces the issue for us to preview? look like you've removed the overflow styles in your screenshot and made swatches from the list 🙂

closing for now, feel free to reopen if/when you find more or have clear reproduction steps