search

finnhvman / matter

Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰
MIT License
1.13k stars 85 forks source link

Sizing guidelines #7

Open nevf opened 5 years ago

nevf commented 5 years ago

@finnhvman You say

Components can be resized fluidly to match layout needs, otherwise they take up the size necessary.

Can you write up some guidelines how how we should actually do resizing.

For example matter buttons have min-width, height and line-height specified. So they don't actually take up the size necessary. Should we override all three of these.

Some css libs offer small, large etc. style overrides. Is this something you might add to a future release?

finnhvman commented 5 years ago

There are certain minimum widths for the buttons according to the Material Design spec. Usually the caption is wider than the minimum width, in those cases the button takes up the size necessary.

For now you have to override all three. (I will probably remove line-height property from the buttons).

Sizing guidelines is a good idea I should note. I don't see straightforward way to figure out the small, large, etc. style overrides, so I would leave it up to the library users. I think there's no one-size-fits-all for these needs.