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:b5afc2418345da69326b372225b2dd56af1a92eb
Branches Tags
hangar-tech:main
hangar-tech:fix/tagcloud
hangar-tech:fix/home-gallery
..
compare: hangar-tech:a8921bd89554615761412b48dbf6cd4e04871f8c
Branches Tags
hangar-tech:main
hangar-tech:fix/tagcloud
hangar-tech:fix/home-gallery

3 Commits
b5afc24183 ... a8921bd895

Author SHA1 Message Date
jorge a8921bd895 compiled build after merge 2021-11-04 14:43:02 +01:00
jorge c9490367c7 added galleries width and sizes to show proper number of pictures 2021-11-04 14:41:12 +01:00
jorge d9b42246ec first step, home page contained 2021-11-04 12:11:56 +01:00
2 changed files with 240 additions and 216 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

68
src/assets/scss/templates/_bfrtemplates.scss
View File

@ -1,3 +1,4 @@
// new edition
// Page header
.page-template-partner {
@include breakpoint(small) {
@ -51,7 +52,7 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
// presentation as home and category archive
.home,.archive,.page-template-homepage2021{
.home,.archive{
.main-container {
@include xy-grid-container(100vw,$global-padding*2);
overflow: hidden;
@ -177,24 +178,22 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
}
// homepage 2021
.page-template-homepage2021{
.homepage-2021 { //&.main-container
.entry-content {
overflow: hidden;
@include xy-grid-container($global-wider-width);
.entry-content { //.main-content
position: relative;
& > * {
float:left;
clear:both;
margin-left: $global-margin;
}
}
.fp-gallery {
overflow: hidden;
position: absolute;
top:0;
right: 0;
// .fp-gallery-item {
// }
// .fp-gallery-icon {
// }
justify-content: right;
img {
object-fit: cover;
object-position: center;
@ -202,18 +201,20 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
}
@include breakpoint(small) {
$homepage2021-gallery-square-side: $global-margin*8;
$homepage2021-gallery-square-side: $global-margin*10;
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
.entry-content {
height: $homepage2021-gallery-square-size*14;
& > * {
max-width: 55%;
max-width: 58%;
margin-left: 0;
}
}
.fp-gallery {
height: $homepage2021-gallery-square-size*8;
max-width: 40%;
.fp-gallery-item {
width: $homepage2021-gallery-square-side;
// width: $homepage2021-gallery-square-side;
width:95%;
}
// .fp-gallery-icon {
// }
@ -222,17 +223,18 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
}
}
@include breakpoint(medium) {
$homepage2021-gallery-square-side: $global-margin*7;
@include breakpoint(medium) {// > 640px
$homepage2021-gallery-square-side: $global-margin*12;
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
.entry-content {
height: $homepage2021-gallery-square-size*12;
& > * {
max-width: 48%;
max-width: 40%;
margin-left: $global-margin;
}
}
.fp-gallery {
max-width: 45%;
height: $homepage2021-gallery-square-size*5;
max-width: 60%;
.fp-gallery-item {
width: $homepage2021-gallery-square-side;
}
@ -243,17 +245,38 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
}
}
@include breakpoint(xlarge) {
$homepage2021-gallery-square-side: $global-margin*9;
@include breakpoint(large) { // > 1024px
$homepage2021-gallery-square-side: $global-margin*14;
$homepage2021-gallery-square-size: $homepage2021-gallery-square-side+$global-margin;
.entry-content {
height: $homepage2021-gallery-square-size*6;
& > * {
max-width: 48%;
max-width: 30%;
}
}
.fp-gallery {
max-width: 45%;
height: $homepage2021-gallery-square-size*4;
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 {
width: $homepage2021-gallery-square-side;
}
@ -265,3 +288,4 @@ $grid-column-width:$grid-row-width/$grid-column-count;
}
}
}
}