Making cards in deck description clickable

2026-06-18 21:48:07 -04:00
parent add734b522
commit 66e3da7c9a
4 changed files with 90 additions and 42 deletions
@@ -7,6 +7,7 @@
    --text-secondary: #9898b8;
    --text-muted: #686888;
    --accent: #6c63ff;
+    --accent-rgb: 108, 99, 255;
    --accent-glow: rgba(108, 99, 255, 0.3);
    --gold: #ffd700;
    --gold-glow: rgba(255, 215, 0, 0.4);
@@ -254,3 +255,29 @@ a, .btn-link {
    font-style: italic;
    align-self: flex-end;
 }
+
+
+
+
+
+.inline-card-btn {
+    background: none;
+    border: none;
+    padding: 0 2px;
+    color: var(--accent);
+    font-weight: 500;
+    text-decoration: none;
+    border-bottom: 1px dashed var(--accent);
+    cursor: pointer;
+    transition: all var(--transition);
+    display: inline;
+    font-size: inherit;
+    font-family: inherit;
+    border-radius: 2px;
+}
+
+.inline-card-btn:hover {
+    color: var(--accent-light, #60a5fa);
+    border-bottom-style: solid;
+    background-color: rgba(var(--accent-rgb, 59, 130, 246), 0.1);
+}