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";