From 62fa3ecd531bfff9ab1b515328b525764f207148 Mon Sep 17 00:00:00 2001
From: Gianmarco Gargiulo <me@gianmarco.gg>
Date: Sun, 16 Jul 2023 19:24:51 +0200
Subject: [PATCH] Adjusted the overflow for the 'More in <tag>' text and added
 a ::before gradient on the navigation bar (mobile adjustments)

---
 themes/hugo-casper3/assets/scss/main.scss | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/themes/hugo-casper3/assets/scss/main.scss b/themes/hugo-casper3/assets/scss/main.scss
index e3b577a..e6fbfc1 100644
--- a/themes/hugo-casper3/assets/scss/main.scss
+++ b/themes/hugo-casper3/assets/scss/main.scss
@@ -509,11 +509,21 @@ h5,h6{
         position:absolute;
         top:0;
         z-index:1000;
-        width:40px;
+        width:20px;
         height:100%;
         right:0;
         background:linear-gradient(90deg,rgba(9,10,11,0) 0,#090a0b)
     }
+    .site-header-background:not(.responsive-header-img) .site-nav:before,.site-nav-main .site-nav:before{
+        content:"";
+        position:absolute;
+        top:0;
+        z-index:1001;
+        width:20px;
+        height:100%;
+        left:0;
+        background:linear-gradient(-90deg,rgba(9,10,11,0) 0,#090a0b)
+    }
     .nav li:last-of-type{
         padding-right:20px
     }
@@ -1022,7 +1032,7 @@ h5,h6{
 .post-full-custom-excerpt{
     margin:0px 0 0;
     color:#e5e5e5;
-    font-family:"Mustica Pro","Roboto",serif;
+    font-family:"Mustica Pro","Roboto",sans-serif;
     font-size:2.3rem;
     line-height:1.4em;
     font-weight:300
@@ -1448,7 +1458,7 @@ h5,h6{
 @media (max-width:1170px){
     .post-full-image{
         margin:25px -6vw 50px;
-        border-radius:0;
+        border-radius:6px;
         & img{
             max-width:1170px
         }
@@ -1456,7 +1466,7 @@ h5,h6{
 }
 @media (max-width:700px){
     .post-full-image{
-        margin:25px -5vw
+        margin:25px -1vw
     }
 }
 @media (max-width:500px){
@@ -1687,7 +1697,7 @@ h5,h6{
     flex:0 1 326px;
     display:flex;
     flex-direction:column;
-    overflow:hidden;
+    overflow:inherit;
     margin:0 25px 50px;
     padding:25px;
     background:linear-gradient(140deg,#191b1f,#090a0b);