agaric/patternlibrary
10
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Pop heroes up with negative margin to avoid top gap

Browse source
This commit is contained in:
dave onion 2025-12-17 15:52:37 -05:00
parent 952aeedba6
commit 872c74de66
1 changed files with 45 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

8
agaric/sass/agaric/_component.hero.scss
View file

@ -17,6 +17,7 @@
background-position: center; background-position: center;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-top: -4rem;
&::before { &::before {
position: absolute; position: absolute;
display: block; display: block;
@ -25,8 +26,6 @@
left: 0; left: 0;
height: 11em; height: 11em;
content: ""; content: "";
background: -webkit-linear-gradient(top, rgba(13,30,52,1) 25%,rgba(13,30,52,0) 100%);
background: -moz-linear-gradient(top, rgba(13,30,52,1) 25%, rgba(13,30,52,0) 100%);
background: linear-gradient(to bottom, rgba(13,30,52,1) 25%,rgba(13,30,52,0) 100%); background: linear-gradient(to bottom, rgba(13,30,52,1) 25%,rgba(13,30,52,0) 100%);
} }
a .icon { a .icon {
@ -137,7 +136,9 @@
// Project // Project
.hero-project .container { .hero-project {
margin-top: -6rem;
.container {
.hero-body { .hero-body {
.title { .title {
color: currentColor; color: currentColor;
@ -190,6 +191,7 @@
} }
} }
} }
}
// Initiative // Initiative