mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-16 20:49:00 -04:00
dc941bc9bc
Giving all links the GOVUK Frontend classes, and the new `govuk-link--destructive` class, means some styles are already applied. This strips out those styles. Note: there's still a good amount of styling, most of which is to make the focus styles specific to the space the link is in. These will need reviewing when GOVUK Frontend is bumped past version 3 as this brings in new focus styles.
84 lines
1.3 KiB
SCSS
84 lines
1.3 KiB
SCSS
%tick-cross {
|
|
@include core-19;
|
|
display: inline-block;
|
|
background-size: 19px 19px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 6px;
|
|
padding: 6px 0 5px 25px;
|
|
}
|
|
|
|
.tick-cross {
|
|
|
|
&-tick {
|
|
@extend %tick-cross;
|
|
background-image: file-url('tick.png');
|
|
}
|
|
|
|
&-cross {
|
|
@extend %tick-cross;
|
|
color: $secondary-text-colour;
|
|
background-image: file-url('cross-grey.png');
|
|
box-shadow: inset 20px 0 0 0 rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
&-list {
|
|
|
|
@extend %grid-row;
|
|
position: relative;
|
|
|
|
&-permissions {
|
|
|
|
@include grid-column(3/4);
|
|
margin-top: 5px;
|
|
|
|
li {
|
|
display: block;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
}
|
|
|
|
&-edit-link {
|
|
|
|
text-align: right;
|
|
position: absolute;
|
|
top: -25px;
|
|
right: -135px;
|
|
|
|
a {
|
|
|
|
&:before {
|
|
content: "";
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: -$gutter-half - 1;
|
|
right: 0;
|
|
bottom: -$gutter-half;
|
|
left: -$gutter-half;
|
|
|
|
background: transparent;
|
|
}
|
|
|
|
&:active:before,
|
|
&:focus:before {
|
|
border-color: $yellow;
|
|
border-style: solid;
|
|
border-width: 15px 3px 15px 15px;
|
|
right: -3px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&-hint {
|
|
color: #6F777B;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|