tiennm99/HugoBlox-kit
1
0 Fork 0
mirror of https://github.com/tiennm99/HugoBlox-kit.git synced 2026-10-15 14:16:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(style): fix case where widget background overlays content

Browse Source 
Issue was primarily noticed when setting a background image on the Hero or Portfolio widgets.

Also, fix background not showing in Firefox due to unsupported `fill-available`.

Fixes b647d7e81a
This commit is contained in:
George Cushen committed 2020-11-11 00:07:00 +00:00
1 parent f21a0cf8f4
commit 6ff8f5c3ee
1 file changed
+4 -12
Download Patch File Download Diff File Expand all files Collapse all files
wowchemy/assets/scss/wowchemy/_widgets.scss
+4 -12
View File
@@ -74,10 +74,9 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: fill-available; height: 100%; // Or fill-available when supported.
height: -webkit-fill-available; width: 100%; // Or fill-available when supported.
width: fill-available; z-index: -1; // Place bg div behind content.
width: -webkit-fill-available;
} }
/* Default background image properties for home sections. */ /* Default background image properties for home sections. */
@@ -149,14 +148,7 @@
**************************************************/ **************************************************/
.wg-hero { .wg-hero {
padding: 3em 0; padding: 3em 0; // More compact top and bottom padding for Hero.
clear: both;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
animation: intro 0.3s both;
animation-delay: 0s;
animation-delay: 0.25s;
} }
.hero-title { .hero-title {