Sha256: ebb27015b507e21dc2e4506421c6ef2da9c23c9bcfbfbc124388f700ba84c8b7
Contents?: true
Size: 1.99 KB
Versions: 15
Compression:
Stored size: 1.99 KB
Contents
.gem-c-subscription-links {
@include govuk-text-colour;
@include govuk-font(19, $weight: bold);
.gem-c-subscription-links__hidden-header {
@include govuk-visually-hidden;
}
.gem-c-subscription-links__list {
list-style: none;
margin: 0 (-govuk-spacing(3) / 2);
padding: 0;
}
.gem-c-subscription-links__list--small {
@include govuk-font(16);
}
.gem-c-subscription-links__list-item {
display: inline-block;
margin-left: govuk-spacing(2);
margin-right: govuk-spacing(2);
margin-bottom: govuk-spacing(3);
}
.gem-c-subscription-links__list-item--small {
display: inline-block;
margin-left: 0;
margin-right: 0;
margin-bottom: govuk-spacing(2);
&:first-child {
margin-right: govuk-spacing(2);
}
&:only-child {
margin-right: 0;
}
}
.gem-c-subscription-links__link {
@extend %govuk-link;
text-decoration: none;
background-repeat: no-repeat;
background-position: 0 20%;
@include media(tablet) {
background-position: 0 35%;
}
}
.gem-c-subscription-links__link--feed {
background-image: image-url("govuk_publishing_components/feed-icon-black.png");
padding-left: govuk-spacing(4);
// if this is a toggle, only show if js is enabled
&[data-controls] {
display: none;
.js-enabled & {
display: block;
}
}
}
.gem-c-subscription-links__link--email-alerts {
background-image: image-url("govuk_publishing_components/mail-icon.png");
padding-left: govuk-spacing(5);
@include device-pixel-ratio {
background-image: image-url("govuk_publishing_components/mail-icon-x2.png");
background-size: govuk-spacing(4) govuk-spacing(3);
}
}
.gem-c-subscription-links__feed-box {
padding: govuk-spacing(3);
margin-bottom: govuk-spacing(3);
background: $grey-3;
.js-enabled &.js-hidden {
display: none;
}
}
.gem-c-subscription-links__feed-hidden-description {
@include govuk-visually-hidden;
}
}
Version data entries
15 entries across 15 versions & 1 rubygems