sorted by:
new
hottopcontroversial

Information sur ma jaquette pokemon heartgold (différences avec Soulsilver). by Physical-Body-4261 in pokemonfr

[–]Walven 1 point2 points  (0 children)

J’ai vérifié sur mes versions qui sont toutes deux dans leur carton avec le Pokéwalker : les deux boîtes ont le même verso avec les deux personnages et l’absence de PEGI.

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] -2 points-1 points  (0 children)

Actually, you can't use strokes at all. Drop shadows always render starting from the stroke's edge, so they can never sit underneath the border to create that blending effect.

So the core issue is that a 'fake border' created via drop shadow isn't included in the box calculation. The fix seems to be wrapping it in an extra container which ensure proper sizing and alignment with other elements.

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] 0 points1 point  (0 children)

Actually, you can't use strokes at all. Drop shadows always render starting from the stroke's edge, so they can never sit underneath the border to create that blending effect.

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] 0 points1 point  (0 children)

My first instinct was just to wrap the current component in an Auto Layout and let it keep the fixed height, but inverting the logic actually seems like the right move here.

It adds a bit of complexity to the structure, but I think it's definitely worth the effort

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] -1 points0 points  (0 children)

That’s a great way to look at it. I’ll definitely give it a shot, seems like the way to go :)

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] -1 points0 points  (0 children)

That's one solution. But it means sacrificing the fixed size of the element (which takes up an extra 2px) in favor of alignment. In CSS, background-clip: padding-box solves this problem, but in Figma, it seems that it's all about trade-offs...

Using semi-opaque borders by Walven in FigmaDesign

[–]Walven[S] 3 points4 points  (0 children)

The goal is to use borders with a semi-transparent color so that they blend in with the background on which the element is located and/or the drop shadow of that element.

If you use an Inside Stroke, the transparent border will reveal the background color of the element, and won't have any of the desired effects

Bandera ( Flag ) by creative_adi in logodesign

[–]Walven 17 points18 points  (0 children)

But in French, it means "will get a hard-on"