fix: enforce css overwrite for raw links (#36)

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 */ -}}

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 }}

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 {

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