diff --git a/index.html b/index.html
index 79cbf41..169d0b3 100644
--- a/index.html
+++ b/index.html
@@ -121,38 +121,19 @@
where else do you exist
-
-
-
-
-
+
diff --git a/style/base.css b/style/base.css
index e1d378f..d5c3b9d 100644
--- a/style/base.css
+++ b/style/base.css
@@ -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;