From 2137831f043089d6b030851ec1b08c02f0baa530 Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Tue, 25 Mar 2025 11:35:23 +0000 Subject: [PATCH] Fix styles Signed-off-by: Charles de Dreuille --- packages/canon/css/components.css | 14 +++++++------- packages/canon/css/core.css | 10 +++++----- packages/canon/css/link.css | 14 +++++++------- packages/canon/css/styles.css | 24 ++++++++++++------------ 4 files changed, 31 insertions(+), 31 deletions(-) diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css index 7ae8378f2e..cb376e64ed 100644 --- a/packages/canon/css/components.css +++ b/packages/canon/css/components.css @@ -584,7 +584,7 @@ margin: .375rem 1rem; } -a.canon-Link { +.canon-Link { font-family: var(--canon-font-regular); color: var(--canon-fg-link); cursor: pointer; @@ -602,31 +602,31 @@ a.canon-Link { } } -a.canon-Link--variant-body { +.canon-Link--variant-body { font-size: var(--canon-font-size-3); line-height: 140%; } -a.canon-Link--variant-subtitle { +.canon-Link--variant-subtitle { font-size: var(--canon-font-size-4); line-height: 140%; } -a.canon-Link--variant-caption { +.canon-Link--variant-caption { font-size: var(--canon-font-size-2); line-height: 140%; } -a.canon-Link--variant-label { +.canon-Link--variant-label { font-size: var(--canon-font-size-1); line-height: 140%; } -a.canon-Link--weight-regular { +.canon-Link--weight-regular { font-weight: var(--canon-font-weight-regular); } -a.canon-Link--weight-bold { +.canon-Link--weight-bold { font-weight: var(--canon-font-weight-bold); } diff --git a/packages/canon/css/core.css b/packages/canon/css/core.css index 70a12322d6..b4583ea35d 100644 --- a/packages/canon/css/core.css +++ b/packages/canon/css/core.css @@ -9083,6 +9083,11 @@ } } +:where(a) { + color: inherit; + text-decoration: none; +} + :root { --canon-font-regular: system-ui; --canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace; @@ -9158,11 +9163,6 @@ --canon-ring: #1f5493; --canon-scrollbar: #a0a0a03b; --canon-scrollbar-thumb: #a0a0a0; - - & a { - color: inherit; - text-decoration: none; - } } [data-theme="dark"] { diff --git a/packages/canon/css/link.css b/packages/canon/css/link.css index 5908e1b16f..ddc47c5d04 100644 --- a/packages/canon/css/link.css +++ b/packages/canon/css/link.css @@ -1,4 +1,4 @@ -a.canon-Link { +.canon-Link { font-family: var(--canon-font-regular); color: var(--canon-fg-link); cursor: pointer; @@ -16,30 +16,30 @@ a.canon-Link { } } -a.canon-Link--variant-body { +.canon-Link--variant-body { font-size: var(--canon-font-size-3); line-height: 140%; } -a.canon-Link--variant-subtitle { +.canon-Link--variant-subtitle { font-size: var(--canon-font-size-4); line-height: 140%; } -a.canon-Link--variant-caption { +.canon-Link--variant-caption { font-size: var(--canon-font-size-2); line-height: 140%; } -a.canon-Link--variant-label { +.canon-Link--variant-label { font-size: var(--canon-font-size-1); line-height: 140%; } -a.canon-Link--weight-regular { +.canon-Link--weight-regular { font-weight: var(--canon-font-weight-regular); } -a.canon-Link--weight-bold { +.canon-Link--weight-bold { font-weight: var(--canon-font-weight-bold); } diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css index b44b21f175..65163bca10 100644 --- a/packages/canon/css/styles.css +++ b/packages/canon/css/styles.css @@ -9083,6 +9083,11 @@ } } +:where(a) { + color: inherit; + text-decoration: none; +} + :root { --canon-font-regular: system-ui; --canon-font-monospace: ui-monospace, "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace; @@ -9158,11 +9163,6 @@ --canon-ring: #1f5493; --canon-scrollbar: #a0a0a03b; --canon-scrollbar-thumb: #a0a0a0; - - & a { - color: inherit; - text-decoration: none; - } } [data-theme="dark"] { @@ -9790,7 +9790,7 @@ margin: .375rem 1rem; } -a.canon-Link { +.canon-Link { font-family: var(--canon-font-regular); color: var(--canon-fg-link); cursor: pointer; @@ -9808,31 +9808,31 @@ a.canon-Link { } } -a.canon-Link--variant-body { +.canon-Link--variant-body { font-size: var(--canon-font-size-3); line-height: 140%; } -a.canon-Link--variant-subtitle { +.canon-Link--variant-subtitle { font-size: var(--canon-font-size-4); line-height: 140%; } -a.canon-Link--variant-caption { +.canon-Link--variant-caption { font-size: var(--canon-font-size-2); line-height: 140%; } -a.canon-Link--variant-label { +.canon-Link--variant-label { font-size: var(--canon-font-size-1); line-height: 140%; } -a.canon-Link--weight-regular { +.canon-Link--weight-regular { font-weight: var(--canon-font-weight-regular); } -a.canon-Link--weight-bold { +.canon-Link--weight-bold { font-weight: var(--canon-font-weight-bold); }