webseite/assets/sass/parts/_col.scss
2019-05-05 17:06:17 +02:00

43 lines
584 B
SCSS

/* Columns */
.col-2 {
column-count: 2;
column-gap: 1vw;
height:auto;
> .button {
padding: 0;
}
&.long {
@include breakpoint(phablet) {
column-count: 1;
}
}
}
.col-3 {
column-count: 3;
column-gap: 1vw;
height:auto;
> .button {
padding: 0;
}
@include breakpoint(phablet) {
column-count: 2;
}
&.long {
@include breakpoint(phablet) {
column-count: 1;
}
}
}
.col-4 {
column-count: 4;
column-gap: 1vw;
height:auto;
> .button {
padding: 0;
}
@include breakpoint(phablet) {
column-count: 2;
}
}