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