web-toolkit icon indicating copy to clipboard operation
web-toolkit copied to clipboard

Simplify button docs and reduce/improve modifiers

Open davidknezic opened this issue 8 years ago • 1 comments

Issue first raised in pr #111.

I'd suggest simplifying the button docs, there is too much technical talk there about "Margins and paddings have been changed" and "Border-Thickness has been increased to 2px on default and large size".

Also I'd like to see a system for the modifiers, which is more easily described, for example:

Primary button

screen shot 2017-02-06 at 10 04 51

This one can only be blue. It can contain icons. It's meant to be placed on plain, light backgrounds.

Secondary button

screen shot 2017-02-06 at 10 04 57

This one always has a transparent background! It comes with blue or white strokes, depending on where it's placed. It's meant to be placed over pictures and dark backgrounds.

Tertiary button

screen shot 2017-02-06 at 10 05 08

This one comes in blue and orange. Blue is standard, orange is for ... (?).

davidknezic avatar Feb 06 '17 09:02 davidknezic

@davidknezic Many thanks for the PR!

For the Secondary Buttons we still need two modifiers don't you think?

FKSI avatar Feb 07 '17 20:02 FKSI