woocommerce-paypal-payments/modules/ppcp-settings/resources/css/components/reusable-components/_button.scss

49 lines
765 B
SCSS
Raw Normal View History

2024-10-28 12:26:13 +01:00
button.components-button, a.components-button {
2024-10-23 08:56:47 +02:00
&.is-primary, &.is-secondary {
2024-10-24 13:54:50 +02:00
&:not(:disabled) {
2024-11-05 13:49:38 +04:00
background-color: $color-black;
2024-10-24 13:54:50 +02:00
}
&:disabled {
color: $color-gray-700;
2024-10-24 13:54:50 +02:00
}
border-radius: 50px;
padding: 15px 32px;
2024-10-23 08:56:47 +02:00
height: auto;
}
&.is-primary {
@include font(14, 18, 900);
2024-11-21 11:38:01 +01:00
&:not(:disabled) {
background-color: $color-blueberry;
color: $color-white;
2024-11-21 11:38:01 +01:00
}
2024-10-23 08:56:47 +02:00
}
&.is-secondary:not(:disabled) {
2024-11-21 11:38:01 +01:00
border-color: $color-blueberry;
background-color: $color-white;
color: $color-blueberry;
&:hover {
background-color: $color-white;
background: none;
}
2024-10-23 08:56:47 +02:00
}
2024-10-24 06:35:48 +02:00
&.is-tertiary {
color: $color-blueberry;
&:hover {
color: $color-gradient-dark;
}
&:focus:not(:disabled) {
border: none;
box-shadow: none;
}
}
2024-10-23 08:56:47 +02:00
}