tweak links face

This commit is contained in:
Rhiannon Morris 2025-02-16 22:39:43 +01:00
parent 2b95165aff
commit 717bae78f5
2 changed files with 21 additions and 37 deletions

View file

@ -309,16 +309,16 @@ actually exists
--bg-angle: 210deg;
ul {
font-size: 125%;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 4px;
gap: 0.5ex;
}
li {
flex: 1 0 10em;
flex: 1 0 40%;
list-style: none;
--icon-bg: var(--fg);
}
a {
@ -330,7 +330,7 @@ actually exists
border: 2px solid black;
background:
linear-gradient(to right, transparent 3em, var(--bg) 3em),
var(--icon) calc(1.5em - 16px) center / 32px auto no-repeat,
var(--icon) 0.5em center / 2em auto no-repeat,
var(--icon-bg);
color: var(--fg);
@ -339,6 +339,9 @@ actually exists
}
}
/* (overridable default) */
@layer { #links li { --icon-bg: var(--fg); } }
#gallery {
--icon: url(../media/favicon.webp);
--fg: hsl(280deg 38% 43%);
@ -357,7 +360,7 @@ actually exists
--icon: url(../media/icons/blog.webp);
--fg: #ffeebb;
--bg: #332255;
/* image-rendering: pixelated; */
image-rendering: pixelated;
a {
background-position: center, left calc(1.5em - 51px) center, center;
background-size: contain;