mapbox / assembly

Making the hard parts of designing for the web easy.
https://www.mapbox.com/assembly/
134 stars 27 forks source link

Should default btn--stroke have a 2px border? #916

Closed davidtheclark closed 6 years ago

davidtheclark commented 6 years ago

If we're defaulting to a 2px border for unfilled buttons, it would probably make sense to build that into Assembly's styling. The modifier class would be btn--stroke--1, then, to make the outline narrower if that's what you want.

@samanpwbb @tristen @dasulit what do you think?

We could also make the stroke 1px default if you apply btn--s.

samanpwbb commented 6 years ago

This is a good dilemma between pragmatism (we usually use 2px so lets make it default) vs conceptual consistency (border classes are 1px by default with 2px modifiers). I don't have a strong opinion either way but I lean slightly toward preserving current behavior and using a react component to make btn--stroke--2 part of mapbox's default style.

dasulit commented 6 years ago

I think I personally lean towards "conceptual consistency". I would expect for button stroke to behave the same way as borders, and 1px as the border default makes sense.

Another thought.. I would be more comfortable making a 2px border button the default stroked button if we entirely eliminated the 1px version.

samanpwbb commented 6 years ago

Another thought.. I would be more comfortable making a 2px border button the default stroked button if we entirely eliminated the 1px version.

Here's a spot where we'd need to make a change – maybe make a call on whether or not we're okay with this before committing. I'd be fine with dropping the 1x version:

screen shot 2018-08-03 at 3 41 48 pm screen shot 2018-08-03 at 3 42 18 pm

davidtheclark commented 6 years ago

Ok, let's just leave things as they are.