Switch cards component to grid from flex.
This commit is contained in:
parent
bc949a581c
commit
747bec3cc6
1 changed files with 15 additions and 9 deletions
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
.cards,
|
||||
%cards {
|
||||
@extend %flex-group;
|
||||
@extend %grid-group;
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(1);
|
||||
}
|
||||
|
|
@ -18,6 +18,11 @@
|
|||
border-color: var(--color-highlight);
|
||||
}
|
||||
|
||||
&--featured {
|
||||
grid-row: span 2;
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
&--inverted {
|
||||
@extend %link-inverted;
|
||||
background: var(--color-border);
|
||||
|
|
|
|||
Loading…
Reference in a new issue