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

---radius-conditional issue in Chrome on elements that start at full-width.

wcDogg opened this issue · comments

I believe this is just an FYI - no fix in Open Props that I can see.

Here is a Codepen showing the issue: https://codepen.io/wcDogg/pen/poGXbej

On elements that start at full-width, the conditional radius works when there are only 1 or 2 elements using the radius on the page.

Once a 3rd element using the radius is added, containers that start at full-width will have a radius that shouldn't be there.

The condition to remove the radius does trigger, but only after manually resizing the viewport to something very narrow.

strange!