Converting from sass to nested vanilla css with layers (#147)

2026-03-10 14:14:55 +01:00 · 2026-03-10 14:14:55 +01:00 · 57244c3f33
commit 57244c3f33
parent 8e611f3a64
1 changed files with 2687 additions and 2751 deletions
--- a/assets/css/components/_icon-inline.css
+++ b/assets/css/components/_icon-inline.css
@ -0,0 +1,28 @@
+/* Inline icons. */
+
+@layer components {
+  .icon-inline {
+    .icon-link {
+      opacity: 0;
+      transition: all 130ms ease-in;
+      text-decoration: none;
+    }
+
+    &:focus-visible,
+    &:hover {
+      .icon-link {
+        opacity: .3;
+
+        &:focus-visible,
+        &:hover {
+          opacity: 1;
+        }
+      }
+    }
+
+    svg {
+      display: inline;
+      vertical-align: middle;
+    }
+  }
+}