35 lines
680 B
SCSS
35 lines
680 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 {
|
|
background-color: unset;
|
|
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-red-lightest;
|
|
box-shadow: inset 0 0 0 1px $color-red;
|
|
|
|
&:hover {
|
|
color: white;
|
|
background-color: $color-red-darkest;
|
|
box-shadow: inset 0 0 0 1px $color-red-darkest;
|
|
}
|
|
}
|
|
|