From 4371b5d781b4d3b6d54d4627cc4de2231f45d4da Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Tue, 25 Mar 2025 11:30:56 +0000 Subject: [PATCH] Better global style Signed-off-by: Charles de Dreuille --- packages/canon/src/components/Link/styles.css | 14 +++++++------- packages/canon/src/css/core.css | 13 ++++++------- 2 files changed, 13 insertions(+), 14 deletions(-) diff --git a/packages/canon/src/components/Link/styles.css b/packages/canon/src/components/Link/styles.css index ad65368cd3..40a4f340ca 100644 --- a/packages/canon/src/components/Link/styles.css +++ b/packages/canon/src/components/Link/styles.css @@ -14,7 +14,7 @@ * limitations under the License. */ -a.canon-Link { +.canon-Link { font-family: var(--canon-font-regular); color: var(--canon-fg-link); padding: 0; @@ -36,30 +36,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/src/css/core.css b/packages/canon/src/css/core.css index 4c02bc961d..d0686e94f7 100644 --- a/packages/canon/src/css/core.css +++ b/packages/canon/src/css/core.css @@ -18,8 +18,13 @@ @import './normalize.css'; @import './utilities.css'; -/* Light theme tokens */ +/* Global reset */ +:where(a) { + color: inherit; + text-decoration: none; +} +/* Light theme tokens */ :root { /* Font families */ --canon-font-regular: system-ui; @@ -113,12 +118,6 @@ --canon-ring: #1f5493; --canon-scrollbar: #a0a0a03b; --canon-scrollbar-thumb: #a0a0a0; - - /* Global reset */ - a { - color: inherit; - text-decoration: none; - } } /* Dark theme tokens */