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
$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; |
|
} |