five-for-the-future/themes/wporg-5ftf/css/objects/_buttons.scss

55 lines
797 B
SCSS
Raw Normal View History

input[type="submit"] {
@extend .button;
2019-09-27 01:34:24 +03:00
}
.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;
}
}