hangar-tech/biofriction-wp-theme
hangar-tech/biofriction-wp-theme
3
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: hangar-tech:a8921bd89554615761412b48dbf6cd4e04871f8c
Branches Tags
hangar-tech:main
hangar-tech:fix/tagcloud
hangar-tech:fix/home-gallery
..
compare: hangar-tech:b5afc2418345da69326b372225b2dd56af1a92eb
Branches Tags
hangar-tech:main
hangar-tech:fix/tagcloud
hangar-tech:fix/home-gallery

No commits in common. "a8921bd89554615761412b48dbf6cd4e04871f8c" and "b5afc2418345da69326b372225b2dd56af1a92eb" have entirely different histories.
a8921bd895 ... b5afc24183

2 changed files with 213 additions and 237 deletions
Show stats Expand all files Collapse all files

2
dist/assets/css/app.css vendored
View file

File diff suppressed because one or more lines are too long

100
src/assets/scss/templates/_bfrtemplates.scss
View file

@ -1,6 +1,5 @@
// new edition // Page header
// Page header .page-template-partner {
.page-template-partner {
@include breakpoint(small) { @include breakpoint(small) {
.featured-hero { .featured-hero {
@include xy-cell(12); @include xy-cell(12);
@ -22,17 +21,17 @@
@include xy-cell(9); @include xy-cell(9);
} }
} }
} }
$grid-column-width:$grid-row-width/$grid-column-count; $grid-column-width:$grid-row-width/$grid-column-count;
//_post formats //_post formats
// post format video // post format video
.single-format-video iframe { .single-format-video iframe {
width: 60vw; width: 60vw;
height: 33.75vw; height: 33.75vw;
} }
// aside sigle post format // aside sigle post format
.format-aside{ .format-aside{
@include breakpoint(small) { @include breakpoint(small) {
// .entry-content { // .entry-content {
// } // }
@ -49,10 +48,10 @@
} }
} }
} }
} }
// 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;
@ -176,24 +175,26 @@
.bfr_category_title{ .bfr_category_title{
display:none; display:none;
} }
} }
// homepage 2021 // homepage 2021
.page-template-homepage2021{ .homepage-2021 { //&.main-container
.homepage-2021 { //&.main-container .entry-content {
@include xy-grid-container($global-wider-width); overflow: hidden;
.entry-content { //.main-content
position: relative; position: relative;
& > * { & > * {
float:left; float:left;
clear:both; clear:both;
margin-left: $global-margin;
} }
} }
.fp-gallery { .fp-gallery {
overflow: hidden; position:absolute;
position: absolute;
top:0; top:0;
right: 0; right: 0;
justify-content: right; // .fp-gallery-item {
// }
// .fp-gallery-icon {
// }
img { img {
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
@ -201,20 +202,18 @@
} }
} }
@include breakpoint(small) { @include breakpoint(small) {
$homepage2021-gallery-square-side: $global-margin*10; $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 {
height: $homepage2021-gallery-square-size*14;
& > * { & > * {
max-width: 58%; max-width: 55%;
margin-left: 0;
} }
} }
.fp-gallery { .fp-gallery {
height: $homepage2021-gallery-square-size*8;
max-width: 40%; max-width: 40%;
.fp-gallery-item { .fp-gallery-item {
// width: $homepage2021-gallery-square-side; width: $homepage2021-gallery-square-side;
width:95%;
} }
// .fp-gallery-icon { // .fp-gallery-icon {
// } // }
@ -223,18 +222,17 @@
} }
} }
} }
@include breakpoint(medium) {// > 640px @include breakpoint(medium) {
$homepage2021-gallery-square-side: $global-margin*12; $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 {
height: $homepage2021-gallery-square-size*12;
& > * { & > * {
max-width: 40%; max-width: 48%;
margin-left: $global-margin;
} }
} }
.fp-gallery { .fp-gallery {
height: $homepage2021-gallery-square-size*5; max-width: 45%;
max-width: 60%;
.fp-gallery-item { .fp-gallery-item {
width: $homepage2021-gallery-square-side; width: $homepage2021-gallery-square-side;
} }
@ -245,38 +243,17 @@
} }
} }
} }
@include breakpoint(large) { // > 1024px @include breakpoint(xlarge) {
$homepage2021-gallery-square-side: $global-margin*14; $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 {
height: $homepage2021-gallery-square-size*6;
& > * { & > * {
max-width: 30%; max-width: 48%;
} }
} }
.fp-gallery { .fp-gallery {
height: $homepage2021-gallery-square-size*4; max-width: 45%;
max-width: 70%;
.fp-gallery-item {
width: $homepage2021-gallery-square-side;
}
// .fp-gallery-icon {
// }
img {
height: $homepage2021-gallery-square-side;
}
}
}
@include breakpoint(xlarge) { // > 1200px
$homepage2021-gallery-square-side: $global-margin*16;
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
.entry-content {
& > * {
max-width: 30%;
}
}
.fp-gallery {
height: $homepage2021-gallery-square-size*4;
max-width: 72%;
.fp-gallery-item { .fp-gallery-item {
width: $homepage2021-gallery-square-side; width: $homepage2021-gallery-square-side;
} }
@ -288,4 +265,3 @@
} }
} }
} }
}