Update links and blockquotes style

2 files changed, 30 insertions, 14 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 3475654..f771041 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,17 +1,25 @@
-$secondaryColor: #DB0A16;
+$secondaryColor: #DB0A16 !default;
 
 @media (prefers-color-scheme: dark) {
+  $primaryColor: #FFFFFF;
   html {
-    color: #FFFFFF;
+    color: $primaryColor;
     background-color: #181818;
   }
+  blockquote {
+    border-color: darken($primaryColor, 80%);
+  }
 }
 
 @media (prefers-color-scheme: light) {
+  $primaryColor: #000000;
   html {
-    color: #000000;
+    color: $primaryColor;
     background-color: #FFFFFF;
   }
+  blockquote {
+    border-color: lighten($primaryColor, 80%);
+  }
 }
 
 body {
@@ -37,13 +45,20 @@ main {
   }
 }
 
-a:link, a:visited, a:hover, a:active {
-  text-decoration-color: $secondaryColor;
-  text-decoration-thickness: 2px;
-  text-underline-offset: 2px;
-  color: inherit;
+a {
+  &:link, &:visited, &:active {
+    text-decoration-color: $secondaryColor;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+    color: inherit;
+  }
+
+  &:hover {
+    color: $secondaryColor;
+  }
 }
 
+
 .section-header {
   font-size: 2.0rem;
   display: flex;
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index d61ef20..695a363 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -14,12 +14,6 @@
   &:link {
     text-decoration: none;
   }
-  &:hover {
-    text-decoration: underline;
-    text-decoration-color: $secondaryColor;
-    text-decoration-thickness: 2px;
-    text-underline-offset: 2px;
-  }
 }
 
 .post__content {
@@ -27,4 +21,11 @@
   h1, h2, h3, h4, h5, h6 {
     margin-bottom: 0px;
   }
+  blockquote {
+    margin-left: 0;
+    margin-right: 30px;
+    padding-left: 26px;
+    border-left-width: 4px;
+    border-left-style: solid;
+  }
 }