a.link--standalone,
.link--standalone,
%link--standalone {
@extend %link__colour--general;
@extend %link__text-decoration--none;
@extend %link__after--chevron;
&.newwindow-active {
&:after {
display: none;
}
}
font-weight: bold;
}
%link,
.link {
@extend %link__colour--general;
@extend %link__text-decoration;
}
%link--infographic {
@extend %link__text-decoration--none;
@extend %link__after--chevron;
}
%link--list,
.link--list {
@extend %link__text-decoration--none;
box-sizing: border-box;
display: inline-block;
padding-right: 2em;
position: relative;
width: 100%;
&:after {
@include rem(right, $grid-typo-spacing-xxs);
height: 100%;
margin-right: 0;
position: absolute;
top: 0;
vertical-align: middle;
}
}
.link__container--bottom,
%link__container--bottom {
@include rem(padding-bottom, $grid-vertical-padding);
@include font-size-with-line-height($h3FontSizeSmall, $h3FontSizeSmall);
p + & {
@include rem(margin-top, $grid-typo-spacing-xxxs + $grid-typo-spacing-xxs);
}
+ h2 {
@include rem(margin-top, $grid-typo-spacing-xxxs);
}
}
.promo__content + .link__container--bottom {
@include rem(margin-top, $grid-typo-spacing-xxxs + $grid-typo-spacing-xxs);
}
a {
@extend %link;
}
.link--homepage {
@include rem(font-size, $homepageFontSize);
@include rem(
padding,
$grid-spacing-unit * 1.5 $grid-spacing-unit * 2 $grid-spacing-unit * 1.5 0
);
border-top: solid 1px $ruleAndSeparatorColour;
font-weight: bold;
text-align: left;
}