Anson/Redline-Racing-Website
1
0
Fork 0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-07-22 22:21:26 +00:00
Code Releases Activity

complete redo

Browse Source
This commit is contained in:
Anson
2019-11-06 18:03:33 -07:00
parent 326ba84663
commit 1ef8b0739b
145 changed files with 51809 additions and 20275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
scss/_masthead.scss Normal file
View File

@@ -0,0 +1,66 @@
header.masthead {
position: relative;
overflow: hidden;
padding-top: calc(7rem + 72px);
padding-bottom: 7rem;
background: linear-gradient(0deg, $secondary 0%, $primary 100%);
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
.masthead-content {
z-index: 1;
position: relative;
.masthead-heading {
font-size: 4rem;
}
.masthead-subheading {
font-size: 2rem;
}
}
.bg-circle {
z-index: 0;
position: absolute;
border-radius: 100%;
background: linear-gradient(0deg, $primary 0%, $secondary 100%);
}
.bg-circle-1 {
height: 90rem;
width: 90rem;
bottom: -55rem;
left: -55rem;
}
.bg-circle-2 {
height: 50rem;
width: 50rem;
top: -25rem;
right: -25rem;
}
.bg-circle-3 {
height: 20rem;
width: 20rem;
bottom: -10rem;
right: 5%;
}
.bg-circle-4 {
height: 30rem;
width: 30rem;
top: -5rem;
right: 35%;
}
}
@media (min-width: 992px) {
header.masthead {
padding-top: calc(10rem + 55px);
padding-bottom: 10rem;
.masthead-content {
.masthead-heading {
font-size: 6rem;
}
.masthead-subheading {
font-size: 4rem;
}
}
}
}