Remove all redundant link CSS

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.
This commit is contained in:
Tom Byers
2020-02-11 22:23:03 +00:00
parent b5af89fe02
commit 6d349b514c
8 changed files with 19 additions and 63 deletions

View File

@@ -55,19 +55,6 @@
outline: 3px solid $yellow;
}
a {
&:link,
&:visited {
color: $error-colour;
}
&:hover {
color: $mellow-red;
}
}
.list {
margin-bottom: 0;
}
@@ -108,7 +95,7 @@
a {
@include bold-19;
font-weight: bold;
display: block;
padding: 0 ;
margin: 0 0 $gutter 0;
@@ -118,16 +105,16 @@
color: $white;
}
&:hover,
&:focus,
&:active {
background-color: $link-hover-colour;
outline: 10px solid $link-hover-colour;
color: $govuk-focus-text-colour;
outline: 10px solid $yellow;
}
&:active,
&:focus {
background-color: $yellow;
outline: 10px solid $yellow;
&:hover {
color: $white;
background-color: $link-hover-colour;
outline: 10px solid $link-hover-colour;
}
}

View File

@@ -130,7 +130,6 @@
&:active,
&:focus {
color: $black;
border-bottom: 1px solid $black;
}
}

View File

@@ -43,7 +43,7 @@
line-height: 35px;
a {
@include bold-19;
font-weight: bold;
}
}

View File

@@ -34,15 +34,8 @@
margin-bottom: -$gutter;
padding-bottom: $gutter;
&:hover {
color: $link-hover-colour;
.message-name-separator {
&:before {
border-color: $link-hover-colour;
}
}
&:hover .message-name-separator:before {
border-color: $link-hover-colour;
}
&:focus {

View File

@@ -31,13 +31,8 @@ $indicator-colour: $black;
padding-right: 20%;
position: relative;
&:hover {
color: $link-hover-colour;
}
&:focus {
outline: none;
color: $black;
box-shadow: -3px 0 0 0 $focus-colour, 3px 0 0 0 $focus-colour;
border-color: transparent;
top: -1px;

View File

@@ -61,22 +61,12 @@
background: transparent;
}
&:hover {
color: $link-hover-colour;
}
&:active,
&:focus {
color: $black;
&:before {
border-color: $yellow;
border-style: solid;
border-width: 15px 3px 15px 15px;
right: -3px;
}
&:active:before,
&:focus:before {
border-color: $yellow;
border-style: solid;
border-width: 15px 3px 15px 15px;
right: -3px;
}
}

View File

@@ -54,10 +54,6 @@ $is-ie: false !default;
padding: $gutter-half;
text-decoration: none;
&:visited {
color: $link-colour;
}
&:hover,
&:active {
background-color: $canvas-colour;

View File

@@ -6,18 +6,14 @@
&.error {
color: $error-colour;
color: $govuk-error-colour;
font-weight: bold;
a {
color: $error-colour;
}
}
&-cancelled {
@include bold-19;
color: $error-colour;
color: $govuk-error-colour;
}
}