Pop heroes up with negative margin to avoid top gap
This commit is contained in:
parent
952aeedba6
commit
872c74de66
1 changed files with 45 additions and 43 deletions
|
|
@ -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;
|
||||
|
|
@ -190,6 +191,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Initiative
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue