2019-02-12 17:45:44 +01:00
|
|
|
/* Columns */
|
2019-05-05 16:46:24 +02:00
|
|
|
.col-2 {
|
|
|
|
column-count: 2;
|
|
|
|
column-gap: 1vw;
|
|
|
|
height:auto;
|
|
|
|
> .button {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
&.long {
|
|
|
|
@include breakpoint(phablet) {
|
|
|
|
column-count: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-02-12 17:45:44 +01:00
|
|
|
|
2019-05-05 16:46:24 +02:00
|
|
|
.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;
|
2019-02-12 17:45:44 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-05 16:46:24 +02:00
|
|
|
.col-4 {
|
|
|
|
column-count: 4;
|
|
|
|
column-gap: 1vw;
|
|
|
|
height:auto;
|
|
|
|
> .button {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
@include breakpoint(phablet) {
|
|
|
|
column-count: 2;
|
|
|
|
}
|
|
|
|
}
|