Update buttons.less

[AndriiKachur]

Button click state for issue #63

[TotomInc]

I tried the demo but it looks like nothing change when I click or add :active to a button. Did it works for you?

[afzalsayed96]

Could you provide some more details and screenshots if possible in your pull request?

[AndriiKachur]

@TotomInc sorry, I really forgot 'and' sign before pseudoclass :)

Images of button state while on click action before commit, and after commit.

It's understandable when:

1. button on a page
2. point the cursor to the button
3. tap trackpad on a laptop to imitate mouse click

expected: visual animation of click
current: no animation, it's not possible to understand was click action or not

[Fraham]

@Nilanno have you checked the develop branch? I think click animation has already been added on the develop branch

[Fraham]

See #17

[AndriiKachur]

@Fraham yes, I checked.
It seems like default buttons do not have this feature.
Try to click on button here https://www.getpapercss.com/#buttons

[afzalsayed96]

Great! I see the difference. Is there a way to disable this feature if a user doesn't want the effect?

[AndriiKachur]

I'm pretty sure this feature should be a general behavior, as in browsers by default, for accessibility.
So a user can turn it off by custom styles.

[rhyneav]

Here's a gif for anyone who needs it

And I agree that it should be a default feature. I like the feedback of knowing the button was clicked.

I don't know if this is technically a patch though. Could you please update the base branch to develop? This would be perfect to add in v1.2.

[TotomInc]

It looks really cool, it was an important feature IMO in terms of UX. Thanks for your contribution @Nilanno

[AndriiKachur]

Updated base branch to develop

[rhyneav]

Thank you @Nilanno! It looks like all buttons now have an effect when clicked. This fits well with @Fraham's click styles too.