Better Heading alignment

fdnd · Oct 4, 2024 · 5b084bb · 5b084bb
1 parent c6eca88
commit 5b084bb
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/docs/assets/style/web.css b/docs/assets/style/web.css
@@ -108,6 +108,7 @@ body {
   font-family: Open Sans, sans-serif;
   color: var(--color-text);
   min-height: 100vh;
+  container-type:inline-size;
 }
 
 /* Main Layout */
@@ -562,6 +563,7 @@ section {
 
     & a:first-of-type {
       text-decoration: none;
+
 
       &:hover,
       &:focus {
@@ -579,8 +581,9 @@ section {
         background-image: url('../img/link.svg');
         filter: var(--svg-filter);
         position: absolute;
-        left: -1rem;
+        left: -1.25rem;
         top: .35em;
+        right:auto;
       }
     }
 
@@ -633,6 +636,13 @@ section {
   }
 }
 
+@container (max-width: 540px) {
+  section *:first-child a:first-of-type:after {
+    left:auto;
+    right:-.5rem;
+  }
+}
+
 /* Discussion content */
 section aside.discussion {
   position: relative;

diff --git a/package-lock.json b/package-lock.json