>
diff --git a/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss b/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss
index 8a85679..7ecd168 100644
--- a/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss
+++ b/biofriction-theme/src/assets/scss/templates/_bfrtemplates.scss
@@ -33,8 +33,8 @@ $grid-column-width:$grid-row-width/$grid-column-count;
// aside sigle post format
.format-aside{
@include breakpoint(small) {
- .entry-content {
- }
+ // .entry-content {
+ // }
}
@include breakpoint(medium) {
.entry-title{
@@ -52,93 +52,121 @@ $grid-column-width:$grid-row-width/$grid-column-count;
// presentation as home and category archive
.home,.archive{
- .main-container {
- // @include xy-grid-container(100vw,0);
- @include xy-grid-container(100vw,$global-padding*2);
- overflow: hidden;
- .main-grid {
- .main-content {
- @include xy-cell(12,padding,0);
- .bfr_category_archive {
- @include xy-grid();
+ .main-container {
+ // @include xy-grid-container(100vw,0);
+ @include xy-grid-container(100vw,$global-padding*2);
+ overflow: hidden;
+ // .main-grid {
+ .main-content {
+ @include xy-cell(12,padding,0);
+ .bfr_category_archive {
+ @include xy-grid();
+ }
+ .bfr_post {
+ @include breakpoint(small) {
+ @include xy-cell(12);
+ margin-bottom: $global-margin;
+ }
+ @include breakpoint(medium) {
+ @include xy-cell(6);
+ }
+ @include breakpoint(large) {
+ @include xy-cell(4);
+ }
+ background-color: $light-gray;
+ padding: $global-padding * 1;
+ border-radius: $button-radius / 2;
+ }
+ .bfr_post_content {
+ .entry-title {
+ @include breakpoint(small) {
+ font-size: rem-calc(18);
+ min-height: 6rem;
}
- .bfr_post {
- @include breakpoint(small) {
- @include xy-cell(12);
- margin-bottom: $global-margin;
- }
- @include breakpoint(medium) {
- @include xy-cell(6);
- }
- @include breakpoint(large) {
- @include xy-cell(4);
- }
- background-color: $light-gray;
- padding: $global-padding * 1;
- border-radius: $button-radius / 2;
+ @include breakpoint(medium) {
+ font-size: rem-calc(25);
+ min-height: 8rem;
}
- .bfr_post_content {
- .entry-title {
- @include breakpoint(small) {
- font-size: rem-calc(18);
- min-height: 6rem;
- }
- @include breakpoint(medium) {
- font-size: rem-calc(25);
- min-height: 8rem;
- }
- padding:$global-padding 0 0 0;
- width: 100%;
- }
- .bfr_post_thumbnail {
- @include breakpoint(small) {
- float: none;
- max-width:unset;
- border-radius:$button-radius;
- }
- @include breakpoint(medium) {
- float: right;
- max-width:35%;
- }
- }
- footer{
- @include breakpoint(small) {
- float: none;
- max-width: unset;
- }
- @include breakpoint(medium) {
- float: left;
- max-width: 60%;
- }
- }
- .post-excerpt {
- max-height: 14rem;
- overflow: hidden;
- margin-bottom: $global-margin * 1.2;
- }
- .button {
- background-color:$primary-color;
- color:$secondary-color;
- &:hover{
- background-color:$secondary-color;
- color:$primary-color;
- }
- }
- @include breakpoint(medium){
- position: relative;
- min-height: 100%;
- .post-excerpt{
- margin-bottom: 3.5rem;
- }
- footer a.button{
- position: absolute;
- bottom: 0;
- }
+ padding:$global-padding 0 0 0;
+ width: 100%;
+ }
+ .bfr_post_thumbnail {
+ @include breakpoint(small) {
+ float: none;
+ max-width:unset;
+ border-radius:$button-radius;
+ }
+ @include breakpoint(medium) {
+ float: right;
+ max-width:35%;
+ }
+ }
+ footer{
+ @include breakpoint(small) {
+ float: none;
+ max-width: unset;
+ }
+ @include breakpoint(medium) {
+ float: left;
+ max-width: 60%;
+ a.button{
+ position: absolute;
+ bottom: 0;
}
}
}
+ .post-excerpt {
+ @include breakpoint(small) {
+ max-height: 14rem;
+ overflow: hidden;
+ margin-bottom: $global-margin * 1.2;
+ }
+ @include breakpoint(medium) {
+ margin-bottom: 3.5rem;
+ }
+ }
+ .button {
+ @include breakpoint(small) {
+ }
+ @include breakpoint(medium) {
+ }
+ background-color:$primary-color;
+ color:$secondary-color;
+ &:hover{
+ background-color:$secondary-color;
+ color:$primary-color;
+ }
+ }
+ @include breakpoint(medium){
+ position: relative;
+ min-height: 100%;
+ }//end medium
+ }
+ .category-photos-archive {
+ .bfr_post_thumbnail {
+ float:none;
+ max-width:unset;
+ overflow:hidden;
+ @include breakpoint(small) {
+ max-height: ( 100vw / 2 );
+ }
+ @include breakpoint(medium) {
+ max-height: ( 100vw / 3 );
+ }
+ @include breakpoint(large) {
+ max-height: ( 100vw / 5 );
+ }
+ @include breakpoint(xlarge) {
+ // max-height: ( 30vw / 4.5 ) ;
+ }
+ img {
+ width: 100%;
+ }
+ }
}
}
+ // }
+ }
.bfr_category_title{
display:none;
}
@@ -153,4 +181,4 @@ $grid-column-width:$grid-row-width/$grid-column-count;
clear: both;
}
}
-}
+}