LaconicNetwork/laconic-dot-com
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made footer blend in with background in dark mode

Browse Source
This commit is contained in:
Kristján Eldjárn 2022-07-29 13:31:14 -07:00
parent ea543a3f65
commit 251c076166
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/common/footer/footer.module.scss
View File

@ -15,7 +15,14 @@
}
&--section {
background-image: url('/images/laconic_newsletter_dark.png');
background-image: linear-gradient(
to bottom,
var(--color-black),
rgb(0 0 0 / 0) 25%,
rgb(0 0 0 / 0) 75%,
var(--color-black)
),
url('/images/laconic_newsletter_dark.png');
background-position: 50%;
background-size: contain;
display: flex;
@ -24,6 +31,12 @@
justify-content: center;
height: calc(var(--vw) * 60);
&::before {
width: 100%;
height: 100%;
background-color: #f00;
}
@include respond-to('mobile') {
background-size: cover;
width: 150%;