applied styles to homepage-2021 properly

This commit is contained in:
jorge-vitrubio 2021-10-26 15:44:59 +02:00
parent dc353ea6aa
commit 6d5b2b4f7c
2 changed files with 10 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -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
}
// 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;
}
}
}
}