mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-08 18:34:24 -04:00
b20ba2349e
There are a few places where we missed updating to the new focus styles because they were using the `$yellow` SASS variable and not the `$focus-colour` variable. This commit updates them to the new colour, and where needed adds the black lower border to match.
55 lines
755 B
SCSS
55 lines
755 B
SCSS
.js-enabled {
|
|
|
|
.file-upload {
|
|
|
|
&-label {
|
|
|
|
@include bold-19;
|
|
display: block;
|
|
margin: 0 0 10px 0;
|
|
|
|
.error-message {
|
|
padding: 0;
|
|
}
|
|
|
|
}
|
|
|
|
&-field {
|
|
width: 0.1px;
|
|
height: 0.1px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
z-index: -1;
|
|
|
|
&:focus + .file-upload-button {
|
|
background: $govuk-focus-colour;
|
|
color: $govuk-focus-text-colour;
|
|
}
|
|
|
|
}
|
|
|
|
&-filename {
|
|
@include bold-19;
|
|
display: inline-block;
|
|
padding-left: govuk-spacing(3);
|
|
}
|
|
|
|
&-submit {
|
|
display: none;
|
|
}
|
|
|
|
&-alternate-link {
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
|
|
a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|