five-for-the-future/themes/wporg-5ftf/css/objects/_buttons.scss
Kelly Dwan 0b26fad482
My Pledges: Update styles and format to match design
- Add a single-pledge view so we can separate out the pending from published
- Update layout and styles of my pledges list
- Adds link and danger button styles
2019-10-30 13:24:48 -05:00

55 lines
797 B
SCSS

input[type="submit"] {
@extend .button;
}
.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;
}
}