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