10h30/display-featured-image-genesis
1
0
Fork 0
mirror of https://github.com/10h30/display-featured-image-genesis.git synced 2026-07-11 18:46:03 +09:00
Code Issues Packages Projects Releases Wiki Activity

Update scriptless CSS

Browse Source
This commit is contained in:
Robin Cornett
2019-05-14 18:30:47 -04:00
parent 7fb40b18a4
commit 693c2051bd
3 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
includes/css/display-featured-image-genesis.css
+1 -1
View File
@@ -1 +1 @@
.has-leader .site-inner{margin-top:0}.big-leader{overflow:hidden;max-height:100vh;position:relative}.big-leader .wrap{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}.big-leader--scriptless{height:auto}.big-leader__image{display:block;height:100vh;max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}.big-leader .entry-title.featured-image-overlay,.big-leader .archive-title.featured-image-overlay{color:#fff;text-align:center}.big-leader .excerpt,.big-leader .archive-description{margin-bottom:24px;padding:24px;background:rgba(255,255,255,.85)}.big-leader p{margin-top:18px;margin-bottom:0}.home .big-leader p{margin-top:0}.home .big-leader p:last-child{margin-bottom:0}.big-leader .excerpt .entry-title,.big-leader .archive-description .archive-title{margin-bottom:0}@keyframes fadein{from{opacity:0}to{opacity:1}}.backstretch.no-js{max-height:600px}img.featured{max-width:100%}
.has-leader .site-inner{margin-top:0}.big-leader{overflow:hidden;max-height:100vh;position:relative}.big-leader .wrap{position:absolute;right:0;bottom:0;left:0;width:100%;z-index:1}.big-leader__image{display:block;height:100vh;max-width:none;-o-object-fit:cover;object-fit:cover;width:100vw}.big-leader .featured-image-overlay{color:#fff;text-align:center}.big-leader .excerpt,.big-leader .archive-description{margin-bottom:24px;padding:24px;background:rgba(255,255,255,.85)}.big-leader p{margin-top:18px;margin-bottom:0}.home .big-leader p{margin-top:0}.home .big-leader p:last-child{margin-bottom:0}.big-leader .excerpt .entry-title,.big-leader .archive-description .archive-title{margin-bottom:0}@keyframes dfig-fadein{from{opacity:0}to{opacity:1}}.backstretch.no-js{max-height:600px}img.featured{max-width:100%}
includes/output/class-displayfeaturedimagegenesis-enqueue.php
+4 -1
View File
@@ -177,8 +177,11 @@ class DisplayFeaturedImageGenesisEnqueue {
if ( $this->setting['less_header'] ) {
$css .= "height: calc( 100vh - {$this->setting['less_header']}px );";
}
if ( $this->setting['max_height'] ) {
$css .= "max-height: {$this->setting['max_height']}px;";
}
if ( $this->setting['fade'] ) {
$css .= "animation: fadein {$this->setting['fade']}ms;";
$css .= "animation: dfig-fadein {$this->setting['fade']}ms;";
}
if ( $css ) {
$css = ".big-leader__image { {$css} }";
sass/display-featured-image-genesis.scss
+4 -11
View File
@@ -16,10 +16,6 @@
z-index: 1;
}
&--scriptless {
height: auto;
}
&__image {
display: block;
height: 100vh;
@@ -28,12 +24,9 @@
width: 100vw;
}
.entry-title,
.archive-title {
&.featured-image-overlay {
color: #fff;
text-align: center;
}
.featured-image-overlay {
color: #fff;
text-align: center;
}
.excerpt,
@@ -64,7 +57,7 @@
}
}
@keyframes fadein {
@keyframes dfig-fadein {
from { opacity: 0; }
to { opacity: 1; }
}