jonah/jonahbauer.eu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: jonah:fd1fde6be077b419a3072cffdf50b36ee9504503
Branches Tags
jonah:main
..
compare: jonah:main
Branches Tags
jonah:main

2 Commits
fd1fde6be0 ... main

Author SHA1 Message Date
jbb01
8a22a57ef5 fix a CSS bug of unknown cause 2025-04-20 17:48:44 +02:00
jbb01
1cff5b5d1b add fallback for old browsers 2024-09-17 09:14:43 +02:00
1 changed files with 12 additions and 2 deletions
Expand all files Collapse all files

14
index.css
View File

@@ -23,7 +23,7 @@ html::before {
height: 100lvh;
z-index: -1;
background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0);
background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%), hsl(0deg 100% 12.5%));
-webkit-mask-image: url("pattern/penrose.svg");
-webkit-mask-size: max(100lvmax, 200rem);
-webkit-mask-position: center;
@@ -104,7 +104,7 @@ body {
z-index: -1;
border-radius: calc(var(--border-width) + var(--border-radius));
animation: rotation 5s linear infinite;
background: conic-gradient(from var(--gradient-angle) in hsl longer hue, var(--gradient-color) 0 0);
background: conic-gradient(from var(--gradient-angle) in hsl longer hue, var(--gradient-color), var(--gradient-color));
transition: --gradient-color .125s linear, --gradient-blur .125s linear;
}
@@ -132,4 +132,14 @@ body {
color: var(--foreground);
text-decoration: none;
user-select: none;
}
@supports not (background: conic-gradient(from 0deg in hsl longer hue, red 0 0)) {
html::before {
background: linear-gradient(-45deg, #204000 0%, #404000 100%);
}
.link-content::before, .link-content::after {
background: white;
}
}