atst/styles/elements/_buttons.scss

34 lines
643 B
SCSS

/*
* Buttons
* @see https://designsystem.digital.gov/components/buttons/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_buttons.scss
*/
button,
[type="button"] {
&:disabled {
opacity: 0.75;
}
}
.button-danger {
background: $color-red;
&:hover {
background-color: $color-red-darkest;
}
}
.button-danger-outline,
input[type="button"].button-danger-outline {
color: $color-red;
background-color: $color-white;
box-shadow: inset 0 0 0 2px $color-red;
&:hover {
color: white;
background-color: $color-red-darkest;
box-shadow: inset 0 0 0 2px $color-red-darkest;
}
}