tweak links face
This commit is contained in:
parent
2b95165aff
commit
717bae78f5
2 changed files with 21 additions and 37 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue