diff --git a/index.html b/index.html index 79cbf41..169d0b3 100644 --- a/index.html +++ b/index.html @@ -121,38 +121,19 @@
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;