@Gerald-LeCour
Posted
Hello! 👋
I had the same question you asked in your first question, and I found out that if you set the qr image' border radius to (border-radius: inherit;) it will proportion its border-radius to its parents border-radius and to me this seems more efficient than guessing which I was doing as well.
Hope this helped! 👊
@Kcalde20
Posted
@Gerald-LeCour hmm, inherit
will keep them exactly in sync, which is quite useful for keeping sudo elements styled similarly to their parent. In this example, my image needs a smaller radius than the card and i'd like to keep the ratio between them.. I think the closest i've solution i've found for this would be using a custom property for the --card-border-radius
, and then use something like this for the image: border-radius: calc(var(--card-border-radius) * .8);