You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.1 KiB
31 lines
1.1 KiB
3 years ago
|
$app-button-shadow-size: $govuk-border-width-form-element;
|
||
|
$app-button-inverse-background-colour: govuk-colour("white");
|
||
|
$app-button-inverse-foreground-colour: $govuk-brand-colour;
|
||
|
$app-button-inverse-shadow-colour: govuk-shade($app-button-inverse-foreground-colour, 30%);
|
||
|
$app-button-inverse-hover-background-colour: govuk-tint($app-button-inverse-foreground-colour, 90%);
|
||
|
|
||
|
.app-button--inverse,
|
||
|
.app-button--inverse:link,
|
||
|
.app-button--inverse:visited {
|
||
|
color: $app-button-inverse-foreground-colour;
|
||
|
background-color: $app-button-inverse-background-colour;
|
||
|
box-shadow: 0 $app-button-shadow-size 0 $app-button-inverse-shadow-colour;
|
||
|
}
|
||
|
|
||
|
.app-button--inverse:hover {
|
||
|
color: $app-button-inverse-foreground-colour;
|
||
|
background-color: $app-button-inverse-hover-background-colour;
|
||
|
}
|
||
|
|
||
|
.app-button--inverse:focus:not(:hover) {
|
||
|
color: $govuk-focus-text-colour;
|
||
|
background-color: $govuk-focus-colour;
|
||
|
}
|
||
|
|
||
|
.app-button--inverse:active,
|
||
|
.app-button--inverse:focus {
|
||
|
border-color: $govuk-focus-colour;
|
||
|
color: $app-button-inverse-foreground-colour;
|
||
|
background-color: $app-button-inverse-hover-background-colour;
|
||
|
box-shadow: inset 0 0 0 2px $govuk-focus-colour;
|
||
|
}
|