@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
45 lines • 1.8 kB
CSS
/*
* VippsWalletButton component
*
*/
/*
* Utilities
*/
.dnb-vipps-wallet-button.dnb-button--primary {
--vipps-primary-color: #ff5b24;
--vipps-primary-color--active: #eb5320;
background-color: var(--vipps-primary-color);
font-weight: var(--font-weight-medium);
}
.dnb-vipps-wallet-button.dnb-button--primary svg {
padding-left: 0.125rem;
}
.dnb-vipps-wallet-button.dnb-button--primary svg path {
fill: var(--color-white);
}
.dnb-vipps-wallet-button.dnb-button--primary:focus[disabled], html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:focus[disabled] {
cursor: not-allowed;
}
.dnb-vipps-wallet-button.dnb-button--primary:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:focus:not([disabled]) {
background-color: var(--vipps-primary-color);
color: var(--color-white);
}
html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:hover[disabled] {
cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:hover:not([disabled]) {
background-color: var(--vipps-primary-color);
color: var(--color-white);
--border-color: var(--vipps-primary-color);
}
.dnb-vipps-wallet-button.dnb-button--primary:active[disabled], html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:active[disabled] {
cursor: not-allowed;
}
.dnb-vipps-wallet-button.dnb-button--primary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-vipps-wallet-button.dnb-button--primary:active:not([disabled]) {
background-color: var(--vipps-primary-color--active);
}
.dnb-vipps-wallet-button.dnb-button--primary[disabled] {
background-color: var(--vipps-primary-color);
color: var(--color-white);
--border-color: initial;
}