1
0
Fork 0

Upgrade to Kirby 3

This commit is contained in:
Jannik Beyerstedt 2021-01-24 18:05:39 +01:00
parent 80004a968c
commit 03ab30b8c1
64 changed files with 524 additions and 683 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -310,61 +310,30 @@ $header_height: 2*$header_logoPadg + $header_logoSize + 4px; // + weird "padding
*/
/*
* KIRBY PLUGIN columns by Bastians Allgeier
* KIRBY PLUGIN columns
*/
$cols-breakdown-width: 600px;
$cols-pad: 15px;
.columns {
margin-right: -$cols-pad;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -$cols-pad;
&:before {
display: table;
content: " ";
}
&:after {
clear: both;
display: table;
content: " ";
}
margin-right: -$cols-pad;
}
.column {
padding-right: $cols-pad;
padding-left: $cols-pad;
flex: 0 1 100%;
margin-left: $cols-pad;
margin-right: $cols-pad;
max-width: 100%;
}
display: block;
float: left;
position: relative;
min-height: 1px;
}
.columns-1 .column {
width: 100%;
}
.columns-2 .column {
width: 50%;
@media(max-width: $cols-breakdown-width) {
width: 100%;
@media (min-width: $cols-breakdown-width) {
.column {
flex: 1;
}
}
.columns-3 .column {
width: 33.33%;
@media(max-width: $cols-breakdown-width) {
width: 100%;
}
}
.columns-4 .column {
width: 25%;
@media(max-width: $cols-breakdown-width*2) {
width: 50%;
}
@media(max-width: $cols-breakdown-width) {
width: 100%;
}
}
.columns-5 .column {
width: 20%;
}
/* to break down col-xs */