Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-09-29 15:30:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: add pattern

Browse Source
This commit is contained in:
MAZE 2024-08-30 17:01:30 +03:30
parent c1ece582f4
commit 69eb8832da
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/hero.astro
View File

@ -11,6 +11,7 @@ const count = soundCount();
<div class="hero"> <div class="hero">
<Container> <Container>
<div class="wrapper"> <div class="wrapper">
<div class="pattern"></div>
<img <img
alt="Faded Moodist Logo" alt="Faded Moodist Logo"
aria-hidden="true" aria-hidden="true"
@ -39,7 +40,24 @@ const count = soundCount();
.wrapper { .wrapper {
position: relative; position: relative;
padding: 100px 0 80px; padding: 120px 0 80px;
& .pattern {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-image: radial-gradient(
var(--color-neutral-500) 5%,
transparent 5%
);
background-position: top center;
background-size: 21px 21px;
opacity: 0.8;
mask-image: linear-gradient(#fff, transparent, transparent);
}
} }
& .logo { & .logo {