Corrected styling of block layout

This commit is contained in:
Christian Wolf 2022-04-09 22:39:24 +02:00
parent fb5df775ea
commit 7f0a6a427a
2 changed files with 31 additions and 0 deletions

30
slt/css/layout/_blog.scss Normal file
View File

@ -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;
}

View File

@ -7,3 +7,4 @@
@use "pageheader";
@use "side-images";
@use "main-content";
@use "blog";