From 16776cb4fc1ecd60424c3fa18053d9bf19fe1032 Mon Sep 17 00:00:00 2001 From: karimim Date: Wed, 11 Sep 2024 13:16:34 +0200 Subject: [PATCH 1/3] feat: set body style with tokens --- packages/styles/src/components/reboot.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/components/reboot.scss b/packages/styles/src/components/reboot.scss index 39cad38c8c..3a0f269498 100644 --- a/packages/styles/src/components/reboot.scss +++ b/packages/styles/src/components/reboot.scss @@ -6,8 +6,16 @@ @use './../mixins/color' as mx-color; @use './../variables/animation'; @use './../variables/color'; +@use '../functions/tokens' as tokens; +@use '../tokens/elements' as elements; + +tokens.$default-map: elements.$post-body; body { - @include type.font-smoothing(); - @include mx-color.colored-background(color.$white); + font-family: tokens.get('post-body', 'font-family'); + font-size: tokens.get('post-body', 'font-size'); + font-weight: tokens.get('post-body', 'font-weight'); + line-height: tokens.get('post-body', 'line-height'); + letter-spacing: tokens.get('post-body', 'letter-spacing'); + color: tokens.get('post-body', 'color'); } From e98b4f00cda5e70092f67cc0d1979a2deb6190ed Mon Sep 17 00:00:00 2001 From: karimim Date: Fri, 20 Sep 2024 08:58:46 +0200 Subject: [PATCH 2/3] feat: add body style with tokens --- packages/styles/src/elements/body.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/styles/src/elements/body.scss b/packages/styles/src/elements/body.scss index 027442ac26..3a0d18ac3a 100644 --- a/packages/styles/src/elements/body.scss +++ b/packages/styles/src/elements/body.scss @@ -1,2 +1,17 @@ +@use 'sass:map'; +@use '../functions/tokens' as tokens; +@use '../tokens/elements' as elements; + +tokens.$default-map: elements.$post-body; + // Resets type @use '../components/fonts'; + +body { + font-family: tokens.get('post-body', 'font-family'); + font-size: tokens.get('post-body', 'font-size'); + font-weight: tokens.get('post-body', 'font-weight'); + line-height: tokens.get('post-body', 'line-height'); + letter-spacing: tokens.get('post-body', 'letter-spacing'); + color: tokens.get('post-body', 'color'); +} From ce02f77fb7192f3fc4ad3c0911d3ece189ff9fd4 Mon Sep 17 00:00:00 2001 From: Muhammad Bashir Date: Mon, 23 Sep 2024 10:20:26 +0200 Subject: [PATCH 3/3] Update packages/styles/src/elements/body.scss MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- packages/styles/src/elements/body.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/styles/src/elements/body.scss b/packages/styles/src/elements/body.scss index 3a0d18ac3a..95a8f1835c 100644 --- a/packages/styles/src/elements/body.scss +++ b/packages/styles/src/elements/body.scss @@ -1,6 +1,6 @@ @use 'sass:map'; -@use '../functions/tokens' as tokens; -@use '../tokens/elements' as elements; +@use '../functions/tokens'; +@use '../tokens/elements'; tokens.$default-map: elements.$post-body;