Sha256: a065366c4c17b4676e5585e03de80491246d2faaf2f90e1180512475d5462740
Contents?: true
Size: 1.86 KB
Versions: 27
Compression:
Stored size: 1.86 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("grey-2");
padding: govuk-spacing(3) * 1.5;
height: 100%;
box-shadow: 7px 7px 0 govuk-colour("white"), 8px 8px 0 govuk-colour("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-link-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
27 entries across 27 versions & 1 rubygems