rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

new border style

Browse source
This commit is contained in:
Rhiannon Morris 2021-05-24 09:53:45 +02:00
parent 9851de9961
commit b4122e4c5c
1 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
style.css
View file

@ -35,9 +35,11 @@ body {
} }
main { main {
background: hsla(0, 0%, 100%, 40%); background: hsla(316deg, 100%, 95%, 45%);
border-radius: 2em; border-radius: 2em;
border: 3px solid hsla(0, 0%, 100%, 30%); --glow-col: hsla(318deg, 100%, 98%, 100%);
border: 1px solid var(--glow-col);
box-shadow: 0 0 25px var(--glow-col) inset;
} }
main { main {
@ -78,7 +80,7 @@ b {
.niss { bottom: 100%; left: 20px; } .niss { bottom: 100%; left: 20px; }
.nisse { bottom: 85%; right: 0; } .nisse { bottom: 85%; right: 0; }
#mlem picture { #mlem picture {
filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%)); filter: drop-shadow(0 0 30px var(--glow-col));
} }
header { header {
@ -228,7 +230,7 @@ h1, h2 { --around-image: url(images/sparkles.svg); }
main { main {
background: hsla(0, 0%, 0%, 60%); background: hsla(0, 0%, 0%, 60%);
border-color: hsla(0, 0%, 0%, 30%); --glow-col: hsla(0, 0%, 0%, 60%);
} }
:is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after {
@ -238,10 +240,6 @@ h1, h2 { --around-image: url(images/sparkles.svg); }
hr { hr {
background: white; background: white;
} }
#mlem picture {
filter: drop-shadow(0 0 20px hsla(52deg, 85%, 95%, 35%));
}
} }
@media (prefers-reduced-transparency) { @media (prefers-reduced-transparency) {