diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss index 3c1a153..8a63ce3 100644 --- a/src/assets/scss/app.scss +++ b/src/assets/scss/app.scss @@ -5,6 +5,7 @@ @import 'base/root'; @import 'base/bootstrap-overrides'; +@import 'classes/nodes-grid'; @import 'classes/misc'; @import 'fonts/noto-sans'; diff --git a/src/assets/scss/classes/_nodes-grid.scss b/src/assets/scss/classes/_nodes-grid.scss new file mode 100644 index 0000000..30ab4fc --- /dev/null +++ b/src/assets/scss/classes/_nodes-grid.scss @@ -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); + } +} diff --git a/src/pages/library/LibraryList.vue b/src/pages/library/LibraryList.vue index 3860a4e..10fb74a 100644 --- a/src/pages/library/LibraryList.vue +++ b/src/pages/library/LibraryList.vue @@ -7,7 +7,7 @@ {{ char }} -