Feature Request: Stroke per side

I would love to be able to use individual values for stroke property, in order to obtain “border-bottom: 1px;”, for example. I could draw a line under to get the same visual effect, but it could confuse the development team.

13 Likes

I could draw a line under to get the same visual effect, but it could confuse the development team.

Hi @Thiago.Nobrega, welcome to the community!

In my experience, there are a lot of things that frontend developers need to adapt and interpret from mockups – what works well in a design does not necessarily work well in code and vice versa. Thus, I think that using a line is the right way to go.

1 Like

It would nice to has this feature Figma already has it

this issue already exists on taiga as “2372 Edit stroke properties”

1 Like

This Taiga issue is exactly what I’m looking for, but it’s almost three years old. It’s the biggest limitation I have with Penpot. Does anyone know if this’ll be addressed at some point?

Thanks!

2 Likes

Any news on this topic? It’s also one of the biggest issues I have with PenPot.

1 Like

+1 i find myself using stroke per side a lot too :slight_smile:

Any update on this? Would be very helpful!

Yes, please! I just signed up to request this.

I could see the UI for this working similarly to the UI for the border-radius, where you could click a button to unlink the one set value and then select individual values for each of the four directions.

It just kind of hurts my CSS-loving brain to not be able to type in border-top and move on with my day. :grinning_face:

2 Likes