From 91c4e3fb3a5d9e86e5fb513bb65da89d4b061b08 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 03 Apr 2022 18:44:33 +0000
Subject: [PATCH] fix: multiline code block #87

---
 assets/styles/base.scss |   37 ++++++++++++++++++++++++++++++++++---
 1 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index a462a33..aa172d0 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -112,6 +112,10 @@
   gap: 1.5em;
   justify-content: center;
 
+  .disabled {
+    opacity: 0.2;
+  }
+
   & > li {
     text-align: center;
     display: inline-block;
@@ -181,8 +185,17 @@
       padding: 0 0.1em;
       margin: auto -0.1em;
       border-radius: 3px;
+
+      &.broken {
+        opacity: 0.5;
+        background-color: transparent; 
+      }
     }
   }
+  
+  & p {
+    overflow-wrap: anywhere;
+  }
 }
 
 .backlinks a {
@@ -238,7 +251,9 @@
   margin: 0;
   height: 100vh;
   width: 100vw;
-  overflow-x: hidden;
+  //overflow-x: hidden;
+  max-width: 100%;
+  box-sizing: border-box;
   background-color: var(--light);
 }
 
@@ -268,10 +283,10 @@
 }
 
 .singlePage {
-  margin: 4em 30vw;
+  padding: 4em 30vw;
 
   @media all and (max-width: 1200px) {
-    margin: 25px 5vw;
+    padding: 25px 5vw;
   }
 }
 
@@ -484,6 +499,10 @@
   transition-delay: 0.3s;
   user-select: none;
 
+  @media all and (max-width: 600px) {
+    display: none;
+  }
+
   &.visible {
     opacity: 1;
     visibility: visible;
@@ -506,3 +525,15 @@
     user-select: none;
   }
 }
+
+#contact_buttons ul {
+  list-style-type: none;
+
+  li {
+    display: inline-block;
+  }
+
+  li a {
+    padding: 0 1em;
+  }
+}

--
Gitblit v1.10.0