jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

Upgrade to Kirby 3

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

59
assets/scss/main.scss
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 */