46 lines
641 B
SCSS
46 lines
641 B
SCSS
|
// Cards
|
||
|
|
//
|
||
|
|
// A simple cards style.
|
||
|
|
|
||
|
|
.cards,
|
||
|
|
%cards {
|
||
|
|
@extend %grid-group;
|
||
|
|
// Add vertical rhythm margins.
|
||
|
|
@include margin-block(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.card,
|
||
|
|
%card {
|
||
|
|
@include padding(.5);
|
||
|
|
border: 1px solid var(--color-border);
|
||
|
|
|
||
|
|
&--highlight {
|
||
|
|
border-color: var(--color-highlight);
|
||
|
|
}
|
||
|
|
|
||
|
|
&--featured {
|
||
|
|
grid-row: span 2;
|
||
|
|
grid-column: span 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
&--gutter {
|
||
|
|
padding-inline: var(--gutters);
|
||
|
|
}
|
||
|
|
|
||
|
|
&--inverted {
|
||
|
|
@extend %link-inverted;
|
||
|
|
background: var(--color-border);
|
||
|
|
color: var(--color-text-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
> * {
|
||
|
|
&:first-child {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|