Merge pull request #46 from Blind3y3Design/develop

Develop
Blind3y3Design · Sep 14, 2023 · a950937 · a950937
2 parents e60cbbd + 217b411
commit a950937
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 8 deletions.
diff --git a/src/_includes/partials/menu.liquid b/src/_includes/partials/menu.liquid
@@ -43,7 +43,7 @@
 
     </div>
 
-    <div class="theme-menu">
+    <div class="theme-menu" inert>
         <div class="theme-menu__inner">
             <button class="theme-menu__button" data-theme-id="light">Light</button>
             <button class="theme-menu__button" data-theme-id="dark">Dark</button>

diff --git a/src/sass/partials/_base.scss b/src/sass/partials/_base.scss
@@ -61,13 +61,26 @@ p {
     }
 }
 
-code:not([class]) {
-    background-color: var(--secondary-background);
-    border-radius: 2px;
-    font-size: .75rem;
-    font-weight: bold;
-    padding: 2px 4px;
-    vertical-align: middle;
+img,
+picture,
+svg {
+	max-width: 100%;
+	display: block;
+}
+
+
+code{
+    font-size: 1rem;
+
+    &:not([class]) {
+        font-size: 1em;
+        font-weight: 700;
+        vertical-align: baseline;
+    }
+
+    &[class*="language-"] {
+        font-size: 1rem;
+    }
 }
 
 picture {

diff --git a/src/sass/partials/_blog.scss b/src/sass/partials/_blog.scss
@@ -61,6 +61,8 @@
     .post-preview__link:focus-visible & {
         text-decoration: underline;
         text-decoration-skip-ink: auto;
+        text-decoration-thickness: 2px;
+        text-underline-offset: .2ex;
     }
 }
 
@@ -117,6 +119,7 @@
 
     &.blog-post__header-image--contained {
         max-width: 80ch;
+        padding-inline: var(--space-4x);
     }
 
     img {

diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -12,6 +12,7 @@ document.querySelector('.mobile-menu-trigger').addEventListener("click", toggleM
 function toggleThemeMenu() {
     const themeMenu = document.querySelector('.theme-menu');
     themeMenu.classList.toggle('theme-menu--open');
+    themeMenu.toggleAttribute('inert');
 }
 
 document.querySelector('.theme-menu-trigger').addEventListener("click", toggleThemeMenu);