From 18e0e7577a9f3fa5cad5ef04fa8f540528bdcb89 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Sun, 23 May 2021 15:09:01 +0200
Subject: [PATCH] fix: enforce css overwrite for raw links (#36)

---
 layouts/_default/_markup/render-link.html |  2 +-
 layouts/shortcodes/img.html               |  2 +-
 src/sass/_base.scss                       | 14 --------------
 src/sass/_markdown.scss                   | 15 +++++++++++++++
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index 14e975a..0b1de0c 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -1,3 +1,3 @@
 {{- $raw := or (hasPrefix .Text "<img") (hasPrefix .Text "<figure") -}}
-<a class="gblog-post__link{{ if $raw }}--raw{{ end }}" href="{{ .Destination | safeURL }}"{{ with .Title }} title="{{ . }}"{{ end }}>{{ .Text | safeHTML }}</a>
+<a class="gblog-markdown__link{{ if $raw }}--raw{{ end }}" href="{{ .Destination | safeURL }}"{{ with .Title }} title="{{ . }}"{{ end }}>{{ .Text | safeHTML }}</a>
 {{- /* Drop trailing newlines */ -}}
diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
index a0a45ea..8ff093a 100644
--- a/layouts/shortcodes/img.html
+++ b/layouts/shortcodes/img.html
@@ -15,7 +15,7 @@
 
 <div class="flex justify-center">
 <figure class="gblog-post__figure">
-    <a class="gblog-post__link--raw" href="{{ .RelPermalink }}">
+    <a class="gblog-markdown__link--raw" href="{{ .RelPermalink }}">
         <img
             {{ if $lazyLoad }}loading="lazy"{{ end }}
             {{ with $customSize }}
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 971e856..3fb268a 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -333,20 +333,6 @@ img {
       font-size: 1.2em;
     }
   }
-
-  &__link--raw {
-    text-decoration: none;
-    color: $body-font-color;
-
-    &:hover {
-      background: none;
-      color: $body-font-color;
-    }
-
-    &:visited {
-      color: $body-font-color;
-    }
-  }
 }
 
 .gblog-footer {
diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss
index 3f2bd0f..ee22da6 100644
--- a/src/sass/_markdown.scss
+++ b/src/sass/_markdown.scss
@@ -25,6 +25,21 @@
     border-radius: $border-radius;
   }
 
+  &__link--raw {
+    text-decoration: none !important;
+    color: $body-font-color !important;
+
+    &:hover {
+      background: none !important;
+      color: $body-font-color !important;
+      text-decoration: none !important;
+    }
+
+    &:visited {
+      color: $body-font-color !important;
+    }
+  }
+
   blockquote {
     margin: $padding-16 0;
     padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp