|
|
|
$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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.submit-button-link {
|
|
|
|
background: none;
|
|
|
|
border: none;
|
|
|
|
color: #1d70b8;
|
|
|
|
text-decoration: underline;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|