Only use link color on elements with 'href', plus some cleanup

assets/_main.scss

@@ -32,7 +32,10 @@ h5 {
 
 a {
   text-decoration: none;
-  color: var(--color-link);
+
+  &[href] {
+    color: var(--color-link);
+  }
 }
 
 img {

assets/_markdown.scss

@@ -55,10 +55,10 @@
   a {
     text-decoration: none;
 
-    &:hover {
+    &[href]:hover {
       text-decoration: underline;
     }
-    &:visited {
+    &[href]:visited {
       color: var(--color-visited-link);
     }
   }

assets/_shortcodes.scss

@@ -124,7 +124,7 @@
     border-radius: $border-radius;
     overflow: hidden;
     text-wrap: nowrap;
-    color: var(--color-text);
+    color: var(--body-font-color);
 
     span {
       display: inline-block;
@@ -146,7 +146,7 @@
       }
     }
   }
-  
+
   // {{< steps >}}
   .book-steps {
     >ol {

layouts/_shortcodes/badge.html

@@ -1,12 +1,5 @@
 {{- $style := default "default" (.Get "style") -}}
-{{- if .Get "href" }}
-<a href="{{ .Get "href" }}" target="_blank" class="book-badge {{ $style }}">
-  {{- with .Get "title" }}<span class="book-badge-title">{{ . | plainify }}</span>{{ end -}}
-  {{- with .Get "value" }}<span class="book-badge-value">{{ . | plainify }}</span>{{ end -}}
-</a>
-{{ else }}
 <span class="book-badge {{ $style }}">
   {{- with .Get "title" }}<span class="book-badge-title">{{ . | plainify }}</span>{{ end -}}
   {{- with .Get "value" }}<span class="book-badge-value">{{ . | plainify }}</span>{{ end -}}
-</span>
+</span>
-{{ end -}}

layouts/_shortcodes/columns.html

@@ -16,7 +16,6 @@
   }
 {{ end }}</style>{{ end -}}
 <div class="book-columns book-columns-{{ .Ordinal }} {{ with .Get "class" }}{{ . }}{{ end }}">
-  
+{{ .InnerDeindent | safeHTML }}
-  {{ .Inner | safeHTML }}
 </div>
 {{ end -}}