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
|
// presentation as home and category archive
|
||||||
.home,.archive{
|
.home,.archive,.page-template-homepage2021{
|
||||||
.main-container {
|
.main-container {
|
||||||
@include xy-grid-container(100vw,$global-padding*2);
|
@include xy-grid-container(100vw,$global-padding*2);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -166,10 +166,11 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
||||||
.bfr_category_title{
|
.bfr_category_title{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
// homepage 2021
|
// homepage 2021
|
||||||
.homepage-2021 { //&.main-container
|
.homepage-2021 { //&.main-container
|
||||||
.entry-content {
|
.entry-content {
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
& > * {
|
& > * {
|
||||||
float:left;
|
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-side: $global-margin*8;
|
||||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||||
.entry-content {
|
.entry-content {
|
||||||
min-height: $homepage2021-gallery-square-size*14;
|
height: $homepage2021-gallery-square-size*14;
|
||||||
& > * {
|
& > * {
|
||||||
max-width: 55%;
|
max-width: 55%;
|
||||||
}
|
}
|
||||||
|
@ -213,10 +214,10 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@include breakpoint(medium) {
|
@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;
|
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||||
.entry-content {
|
.entry-content {
|
||||||
min-height: $homepage2021-gallery-square-size*7;
|
height: $homepage2021-gallery-square-size*12;
|
||||||
& > * {
|
& > * {
|
||||||
max-width: 48%;
|
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-side: $global-margin*9;
|
||||||
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
|
||||||
.entry-content {
|
.entry-content {
|
||||||
min-height: $homepage2021-gallery-square-size*6;
|
height: $homepage2021-gallery-square-size*6;
|
||||||
& > * {
|
& > * {
|
||||||
max-width: 48%;
|
max-width: 48%;
|
||||||
}
|
}
|
||||||
|
@ -255,4 +256,3 @@ $grid-column-width:$grid-row-width/$grid-column-count;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue