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 • committed by Keegan Rankin
parent 1a242a2e51
commit bc33fe5fb2
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; } } max-height: 36rem; } }
/* Hero image in hero block */ /* Hero image in hero block */
.footer .has-background-image.hero.is-medium { .footer .has-background-image.hero.is-medium {
background-color: black;
width: 100vw; width: 100vw;
position: relative; position: relative;
left: 50%; left: 50%;
right: 50%; right: 50%;
margin-left: -50vw; 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 { .footer .has-background-image.hero.is-medium .hero-body {
padding: 3rem 1.5rem; } padding: 3rem 1.5rem; }
@media screen and (min-width: 769px) { @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 */ /* Hero image in hero block */
.footer { .footer {
.has-background-image.hero.is-medium { .has-background-image.hero.is-medium {
background-color: black;
width: 100vw; width: 100vw;
position: relative; position: relative;
left: 50%; left: 50%;
right: 50%; right: 50%;
margin-left: -50vw; margin-left: -50vw;
margin-right: -50vw; margin-right: -50vw;
height: 200px;
@include from ($tablet) {
height: 400px;
}
img {
opacity: .7;
}
.hero-body { .hero-body {
padding: 3rem 1.5rem; padding: 3rem 1.5rem;
@include from ($tablet) { @include from ($tablet) {