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-size: cover;
background-repeat: no-repeat;
margin-top: -4rem;
&::before {
position: absolute;
display: block;
@ -25,8 +26,6 @@
left: 0;
height: 11em;
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%);
}
a .icon {
@ -137,7 +136,9 @@
// Project
.hero-project .container {
.hero-project {
margin-top: -6rem;
.container {
.hero-body {
.title {
color: currentColor;
@ -189,6 +190,7 @@
}
}
}
}
}
// Initiative