From 7f0a6a427a34d15a9deeb410aeabf27a5c3f06fe Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sat, 9 Apr 2022 22:39:24 +0200 Subject: [PATCH] Corrected styling of block layout --- slt/css/layout/_blog.scss | 30 ++++++++++++++++++++++++++++++ slt/css/layout/_index.scss | 1 + 2 files changed, 31 insertions(+) create mode 100644 slt/css/layout/_blog.scss diff --git a/slt/css/layout/_blog.scss b/slt/css/layout/_blog.scss new file mode 100644 index 0000000..2d39e14 --- /dev/null +++ b/slt/css/layout/_blog.scss @@ -0,0 +1,30 @@ +@use "../abstract" as abstract; + +.columns-2, +.columns-3, +.columns-4, +.columns-5, +.columns-6 { + display: grid; + + > div { + margin: 5px 5px 15px 5px; + } +} + +.columns-2 { + grid-template-columns: 1fr 1fr; +} + +.columns-3 { + grid-template-columns: 1fr 1fr 1fr; +} +.columns-4 { + grid-template-columns: 1fr 1fr 1fr 1fr; +} +.columns-5 { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; +} +.columns-6 { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; +} diff --git a/slt/css/layout/_index.scss b/slt/css/layout/_index.scss index 3365e33..fb2b135 100644 --- a/slt/css/layout/_index.scss +++ b/slt/css/layout/_index.scss @@ -7,3 +7,4 @@ @use "pageheader"; @use "side-images"; @use "main-content"; +@use "blog";