Sha256: 427d78031b4d2c1c872d5063f6e1d6f849ff713e3e0e38a210a5c4823d2b6075
Contents?: true
Size: 1.14 KB
Versions: 12
Compression:
Stored size: 1.14 KB
Contents
.anchored-heading {
$icon-width: 23px;
$icon-height: 14px;
$icon-spacing: 3px;
position: relative;
&__icon {
position: absolute;
width: $icon-width;
left: -($icon-width + ($icon-spacing * 2));
padding: 0 $icon-spacing;
margin-top: -1px;
opacity: 0;
display: none;
text-decoration: none;
text-indent: -9999em;
background-image: image-url('/images/anchored-heading-icon.png');
background-repeat: no-repeat;
background-position: center center;
@include govuk-device-pixel-ratio {
background-image: image-url('/images/anchored-heading-icon-2x.png');
background-size: $icon-width $icon-height;
}
@include govuk-media-query(tablet) {
display: block;
}
&:before {
// zero width space character so that the link behaves like it has text,
// has height, sits on the baseline, etc.
content: "\200b";
}
}
&:hover &__icon {
@include govuk-media-query(tablet) {
opacity: 1;
}
}
&__icon:focus {
@include govuk-media-query(tablet) {
opacity: 1;
outline-width: 1px;
padding: 0 ($icon-spacing - 1);
}
}
}
Version data entries
12 entries across 12 versions & 1 rubygems