Sha256: b36ee1e2f00b93b38c987793a14d1f6217ed42e1cb6c5cf9199fc73b02de3540
Contents?: true
Size: 1.8 KB
Versions: 83
Compression:
Stored size: 1.8 KB
Contents
.gem-c-pagination {
display: block;
margin: govuk-spacing(8) 0;
}
.gem-c-pagination__list {
margin: 0;
padding: 0;
}
.gem-c-pagination__item {
@include govuk-font($size: 16, $line-height: (20 / 16));
list-style: none;
&:first-child {
margin-bottom: govuk-spacing(4);
}
}
.gem-c-pagination__link {
display: block;
text-decoration: none;
padding-bottom: govuk-spacing(4);
&:hover,
&:active,
&:visited {
color: $govuk-link-colour;
}
&:hover,
&:active {
background-color: govuk-colour("light-grey", $legacy: "grey-4");
// Add govuk-link hover decoration to title if no label present
.gem-c-pagination__link-text--decorated {
@include govuk-link-decoration;
}
.gem-c-pagination__link-label,
.gem-c-pagination__link-text--decorated {
@include govuk-link-hover-decoration;
}
}
&:focus {
@include govuk-focused-text;
.gem-c-pagination__link-title {
border-top-color: transparent;
}
.gem-c-pagination__link-icon {
fill: $govuk-text-colour;
}
}
}
.gem-c-pagination__link-title {
display: block;
border-top: 1px solid $govuk-border-colour;
padding-top: govuk-spacing(3);
}
.gem-c-pagination__link-divider {
@include govuk-visually-hidden;
}
.gem-c-pagination__link-text {
@include govuk-font(19, $weight: bold);
margin-left: govuk-spacing(2);
}
.gem-c-pagination__link-icon {
@include govuk-font($size: 24, $line-height: (33.75 / 27));
display: inline-block;
margin-bottom: 1px;
height: .482em;
width: .63em;
fill: govuk-colour("dark-grey", $legacy: "grey-1");
}
.gem-c-pagination__link-label {
display: inline-block;
margin-top: .1em;
margin-left: govuk-spacing(5);
@include govuk-link-decoration;
@include govuk-media-query($from: tablet) {
margin-left: govuk-spacing(6);
}
}
Version data entries
83 entries across 83 versions & 1 rubygems