Sha256: 1cfae5a97522013fee9f4f7a1f230fc977da233389c8fb4130b4cdedf6f7ccd3
Contents?: true
Size: 1.9 KB
Versions: 199
Compression:
Stored size: 1.9 KB
Contents
.gem-c-highlight-boxes {
@include govuk-text-colour;
display: flex;
flex-wrap: wrap;
margin: govuk-spacing(3) 0 0 0;
padding: 0;
@include govuk-media-query($from: tablet) {
margin-right: -25px;
}
}
.gem-c-highlight-boxes__item-wrapper {
@include govuk-font(19);
box-sizing: border-box;
list-style-type: none;
padding: govuk-spacing(1) govuk-spacing(2) govuk-spacing(5) 0;
width: 100%;
@include govuk-media-query($from: tablet) {
width: 50%;
padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
}
@include govuk-media-query($from: desktop) {
width: (1 / 3) * 100%;
padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
}
}
.gem-c-highlight-boxes__item-wrapper--half-width {
@include govuk-media-query($from: desktop) {
width: 50%;
padding: govuk-spacing(1) govuk-spacing(5) govuk-spacing(5) 0;
}
}
.gem-c-highlight-boxes__item {
box-sizing: border-box;
border: 1px solid govuk-colour("mid-grey", $legacy: "grey-2");
padding: govuk-spacing(3) * 1.5;
height: 100%;
box-shadow: 7px 7px 0 govuk-colour("white"), 8px 8px 0 govuk-colour("mid-grey", $legacy: "grey-2");
}
.gem-c-highlight-boxes--inverse {
background-color: govuk-colour("blue");
border: 0;
color: govuk-colour("white");
}
.gem-c-highlight-boxes__title {
@extend %govuk-link;
@include govuk-font(19, $weight: bold);
display: block;
text-decoration: underline;
margin-bottom: 5px;
}
.gem-c-highlight-boxes--inverse .gem-c-highlight-boxes__title {
&:link,
&:visited,
&:hover {
color: govuk-colour("white");
}
&:active,
&:focus {
color: $govuk-focus-text-colour;
}
}
.gem-c-highlight-boxes__title--featured {
@include govuk-font(24, $weight: bold);
}
.gem-c-highlight-boxes__description {
margin: 0 0 govuk-spacing(2) 0;
}
.gem-c-highlight-boxes__metadata {
margin: 0 govuk-spacing(3) 0 0;
@include govuk-font(16);
display: inline-block;
}
Version data entries
199 entries across 199 versions & 1 rubygems