podcast-webseite/assets/scss/parts/_col.scss

44 lines
584 B
SCSS
Raw Normal View History

2019-05-25 21:43:29 +02:00
/* 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;
}
}