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