Upgrade to Kirby 3
This commit is contained in:
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
|
@ -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 */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue