kaan/bgenc.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Rainbows!

Browse source
This commit is contained in:
Kaan Barmore-Genç 2024-05-03 00:32:17 -05:00
parent ebc8385665
commit 4d892ba0ce
Signed by: kaan
GPG key ID: B2E280771CD62FCF
1 changed files with 28 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/routes/Footer.svelte
View file

@ -14,23 +14,43 @@
<style>
footer {
max-width: var(--size-container);
margin: 4rem auto;
width: 100%;
padding: 2rem;
display: flex;
flex-direction: column;
gap: 2rem;
transition: opacity var(--animation-speed) var(--animation-type);
opacity: 0.5;
}
footer:hover,
footer:focus-within {
opacity: 1;
background: repeating-linear-gradient(
70deg,
#ff0018,
#ff0018 170px,
#ffa52c 170px,
#ffa52c 340px,
#ffff41 340px,
#ffff41 510px,
#008018 510px,
#008018 680px,
#0000f9 680px,
#0000f9 850px,
#86007d 850px,
#86007d 1020px
);
}
.row {
margin: 0 auto;
max-width: var(--size-container);
background-color: var(--color-bg);
padding: 1rem;
border-radius: 0.5rem;
display: flex;
flex-direction: row;
align-items: center;
opacity: 0.6;
transition: opacity var(--animation-speed) var(--animation-type);
}
.row:hover,
.row:focus-within {
opacity: 1;
}
.row > * {
flex-grow: 1;