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 */