✨ Added full support for Supercharged Links v.1.1.1

Fixed #51
primary-theme · Feb 3, 2022 · 6eea393 · 6eea393
1 parent a8208ee
commit 6eea393
Show file tree

Hide file tree

Showing 5 changed files with 120 additions and 75 deletions.
diff --git a/obsidian.css b/obsidian.css
diff --git a/obsidian.css.map b/obsidian.css.map
diff --git a/scss/30_note/_md-links.scss b/scss/30_note/_md-links.scss
@@ -1,15 +1,16 @@
 /*──────────Internal & External Links──────────*/
 /* Source View Resolved Links */
-
-.cm-s-obsidian span.cm {
-    &-url,
-    &-link:not(.cm-formatting-link),
-    &-link span.cm-underline,
-    &-hmd-internal-link,
-    &-hmd-internal-link span.cm-underline,
-    &-hmd-footnote.cm-link,
-    &-header.cm-hmd-internal-link { 
+span.cm {
+    &-url.cm-url,
+    &-blockid,
+    &-link:not(.cm-formatting),
+    &-underline:not(span[data-link-tags] .cm-underline),
+    &-inline-code.cm-link:not(.cm-formatting-code.cm-formatting),
+    &-hmd-footnote,
+    &-header.cm-hmd-internal-link,
+    &-hmd-internal-link.cm-hmd-internal-link {
         color: var(--md-color-reslink);
+        text-decoration: underline;
         text-underline-position: under;
         text-decoration-thickness: 1px;
 
@@ -18,68 +19,66 @@
 
         &:hover {
             color: var(--md-color-reslink-hover);
-            cursor: pointer;
-        }
-
-        &:active {
-            color: var(--md-color-reslink-active);
-        }
-    }
-
-    &-blockid {
-        color: var(--md-color-reslink);
-        text-underline-position: under;
-        text-decoration-thickness: 1px;
-
-        transition: var(--duration-superfast)
-                    var(--motion-smooth);
-
-        &:hover {
-            color: var(--md-color-reslink-hover);
-            cursor: pointer;
+            text-decoration: underline;
+            text-underline-position: under;
+            text-decoration-thickness: 1px;
         }
 
         &:active {
             color: var(--md-color-reslink-active);
+            text-decoration: underline;
+            text-underline-position: under;
+            text-decoration-thickness: 1px;
         }
     }
 }
 
-/* Source View Unresolved Links */
-.cm-s-obsidian span.is-unresolved span.cm {
-    &-link span.cm-underline,
-    &-hmd-internal-link,
-    &-hmd-internal-link span.cm-underline,
-    &-header.cm-hmd-internal-link {
-        color: var(--md-color-unreslink);
-        text-underline-position: under;
-        text-decoration-thickness: 1px;
-
-        transition: var(--duration-superfast)
-                    var(--motion-smooth);
-
-        &:hover {
-            color: var(--md-color-unreslink-hover);
-            cursor: pointer;
-        }
-
-        &:active {
-            color: var(--md-color-unreslink-active);
+/* Source View Resolved Links */
+span.is-unresolved.is-unresolved {
+    span.cm {
+        &-url,
+        &-blockid,
+        &-link,
+        &-underline,
+        &-hmd-internal-link,
+        &-hmd-footnote {
+            color: var(--md-color-unreslink);
+            text-decoration: underline;
+            text-underline-position: under;
+            text-decoration-thickness: 1px;
+
+            transition: var(--duration-superfast)
+                        var(--motion-smooth);
+
+            &:hover {
+                color: var(--md-color-unreslink-hover);
+                text-decoration: underline;
+                text-underline-position: under;
+                text-decoration-thickness: 1px;
+            }
+
+            &:active {
+                color: var(--md-color-unreslink-hover);
+                text-decoration: underline;
+                text-underline-position: under;
+                text-decoration-thickness: 1px;
+            }
         }
     }
 }
 
 /* Preview Resolved Links */
-a:not(a.footnote-link, a.tag, button.mod-cta a),
+a:not(a.footnote-link, a.tag, button.mod-cta a, a.is-unresolved),
 a code {
     .modal &,
     .view-content & {
         color: var(--md-color-reslink);
+        text-decoration: underline;
         text-underline-position: under;
         text-decoration-thickness: 1px;
 
         transition: var(--duration-superfast)
-        var(--motion-smooth);
+                    var(--motion-smooth);
 
         &:hover {
             color: var(--md-color-reslink-hover);
@@ -95,6 +94,7 @@ a code {
 .internal-link,
 .external-link {
     color: var(--md-color-reslink);
+    text-decoration: underline;
     text-underline-position: under;
     text-decoration-thickness: 1px;
 

diff --git a/scss/80_plugins-community/_supercharged-links.scss b/scss/80_plugins-community/_supercharged-links.scss
@@ -0,0 +1,25 @@
+/*────────────────────────────────────
+        Supercharged Links
+────────────────────────────────────*/
+/* Supercharged Links Reset for Source View */
+.cm-s-obsidian {
+    & span.cm-hmd-internal-link span[data-link-tags],
+    & span[data-link-tags] .cm-underline {
+        color: inherit;
+        text-decoration: inherit;
+        text-underline-position: inherit;
+        text-decoration-thickness: inherit;
+
+        transition: var(--duration-superfast)
+                    var(--motion-smooth);
+    }
+}
+
+/* Supercharged Links Reset for Preview View */
+.internal-link.data-link-icon {
+    color: inherit;
+
+    transition: var(--duration-superfast)
+                var(--motion-smooth);
+}
+
diff --git a/scss/index.scss b/scss/index.scss
@@ -64,6 +64,7 @@
 @use '80_plugins-community/calendar';
 @use '80_plugins-community/sliding-panes';
 @use '80_plugins-community/dataview';
+@use '80_plugins-community/supercharged-links';
 @use '80_plugins-community/style-settings__styling';
 @use '80_plugins-community/style-settings__options';