mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-23 19:33:44 +03:00
619af97bd1
Adding the `button` mixin into `input[type="submit"] caused conflicts with the other button classes (`.button-primary`) due to specificity. The button classes should be used on all buttons instead. This also updates which button on the Manage Pledge form is the "primary" action, since it's easy to skip the Update button when it's not primary.
51 lines
753 B
SCSS
51 lines
753 B
SCSS
.wp-block-button {
|
|
@extend .button;
|
|
|
|
display: inline-block;
|
|
height: auto;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.wp-block-button__link {
|
|
background: none;
|
|
color: $color__link-button;
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Add "danger" button styles, red text on grey background.
|
|
.button.button-danger {
|
|
color: $color-error-red;
|
|
|
|
&:visited {
|
|
color: $color-error-red;
|
|
}
|
|
|
|
&.hover,
|
|
&:hover,
|
|
&.focus,
|
|
&:focus {
|
|
color: $color-error-red;
|
|
}
|
|
|
|
&.focus,
|
|
&:focus {
|
|
border-color: rgba($color-error-red, 0.6);
|
|
box-shadow: 0 0 3px $color-error-red;
|
|
}
|
|
}
|
|
|
|
.button.button-link {
|
|
padding: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
text-decoration: underline;
|
|
|
|
&.focus,
|
|
&:focus {
|
|
box-shadow: none;
|
|
}
|
|
}
|