add node-grid class
This commit is contained in:
@@ -5,6 +5,7 @@
|
||||
@import 'base/root';
|
||||
|
||||
@import 'base/bootstrap-overrides';
|
||||
@import 'classes/nodes-grid';
|
||||
@import 'classes/misc';
|
||||
|
||||
@import 'fonts/noto-sans';
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
.nodes-grid {
|
||||
display: grid;
|
||||
grid-gap: 2.2rem;
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-rows: auto;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
grid-gap: 3.4rem;
|
||||
}
|
||||
|
||||
@media (min-width: 650px) {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xxl) {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user