template/slt/css/layout/_blog.scss

36 lines
522 B
SCSS

@use '../abstract' as abstract;
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
@include abstract.for-desktop {
display: grid;
> div {
margin: 5px 5px 15px;
}
}
}
.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;
}