New button variation: Sell-button

[ulde01]

Design decision 2020-04-16

What is this A new Sell-button:

• Sell: The red button is new - see below for spec. The red colour (#D83C3C) is different to the red Delete-button ($seb-red).
• Buy: The blue button is a primary button - no change

Specification for Sell-button

• Default: #D83C3C
• Hover: #C32727
• Pressed: #C32727
• Focus box-shadow: 0 0 4px 1px #F03529 ;

The measurements are the same as the primary button. Note that the colours have no gradiant for desktop and hybrid. There is an exception made for mobile native buttons.

Reason To support user selection of buying and selling, the buttons have different colours. This button-pattern will be updated through the organisation and cross-plattforms.

Have a look at the right column:

Follow-up

• [x] Vanilla: https://github.com/sebgroup/vanilla-pattern-library/issues/215
• [x] Bootstrap: https://github.com/sebgroup/bootstrap/issues/392
• [x] Angular: https://github.com/sebgroup/ng-components/issues/341
• [ ] AngularMaterial: https://github.com/sebgroup/seb-angular-material/issues/107
• [x] React: https://github.com/sebgroup/react-components/issues/428

Thank you! :) /Ulrika

[kjocevicius]

Are the new colors available in vanilla as variables?