applied styles to homepage-2021 properly
This commit is contained in:
parent
dc353ea6aa
commit
6d5b2b4f7c
File diff suppressed because one or more lines are too long
|
@ -51,7 +51,7 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
}
|
||||
|
||||
// presentation as home and category archive
|
||||
.home,.archive{
|
||||
.home,.archive,.page-template-homepage2021{
|
||||
.main-container {
|
||||
@include xy-grid-container(100vw,$global-padding*2);
|
||||
overflow: hidden;
|
||||
|
@ -166,10 +166,11 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
.bfr_category_title{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
// homepage 2021
|
||||
.homepage-2021 { //&.main-container
|
||||
.entry-content {
|
||||
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
& > * {
|
||||
float:left;
|
||||
|
@ -195,7 +196,7 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
$homepage2021-gallery-square-side: $global-margin*8;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*14;
|
||||
height: $homepage2021-gallery-square-size*14;
|
||||
& > * {
|
||||
max-width: 55%;
|
||||
}
|
||||
|
@ -213,10 +214,10 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
$homepage2021-gallery-square-side: $global-margin*8;
|
||||
$homepage2021-gallery-square-side: $global-margin*7;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*7;
|
||||
height: $homepage2021-gallery-square-size*12;
|
||||
& > * {
|
||||
max-width: 48%;
|
||||
}
|
||||
|
@ -237,7 +238,7 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
$homepage2021-gallery-square-side: $global-margin*9;
|
||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||
.entry-content {
|
||||
min-height: $homepage2021-gallery-square-size*6;
|
||||
height: $homepage2021-gallery-square-size*6;
|
||||
& > * {
|
||||
max-width: 48%;
|
||||
}
|
||||
|
@ -255,4 +256,3 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue