geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 55 Pull requests Projects Releases Packages Wiki Activity Actions

Expand height of footer image parent and add opacity

Browse source
This commit is contained in:
lelkneralfaro 2024-03-13 10:21:42 -07:00
parent 0cf1a01ae3
commit 673902be91
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
web/themes/custom/geofresco/dist/css/global.css vendored
View file

@ -5303,12 +5303,19 @@ label.panel-block {
max-height: 36rem; } }
/* Hero image in hero block */
.footer .has-background-image.hero.is-medium {
background-color: black;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw; }
margin-right: -50vw;
height: 200px; }
@media screen and (min-width: 769px) {
.footer .has-background-image.hero.is-medium {
height: 400px; } }
.footer .has-background-image.hero.is-medium img {
opacity: .9; }
.footer .has-background-image.hero.is-medium .hero-body {
padding: 3rem 1.5rem; }
@media screen and (min-width: 769px) {

8
web/themes/custom/geofresco/src/global/_components.scss
View file

@ -39,12 +39,20 @@
/* Hero image in hero block */
.footer {
.has-background-image.hero.is-medium {
background-color: black;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 200px;
@include from ($tablet) {
height: 400px;
}
img {
opacity: .7;
}
.hero-body {
padding: 3rem 1.5rem;
@include from ($tablet) {