mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-28 22:30:44 -05:00
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:
@@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -130,7 +130,6 @@
|
||||
&:active,
|
||||
&:focus {
|
||||
color: $black;
|
||||
border-bottom: 1px solid $black;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
line-height: 35px;
|
||||
|
||||
a {
|
||||
@include bold-19;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -54,10 +54,6 @@ $is-ie: false !default;
|
||||
padding: $gutter-half;
|
||||
text-decoration: none;
|
||||
|
||||
&:visited {
|
||||
color: $link-colour;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: $canvas-colour;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user