From b2d806af37e42037c8ee620156e1f5669d263713 Mon Sep 17 00:00:00 2001 From: James C Date: Sun, 23 Jan 2022 14:02:53 +0800 Subject: [PATCH] Replace deprecated layout token with spacing token One of the code examples uses the scss variables `$layout-05` for vertical padding/spacing. No mention of the layout token system is made in the tutorial (only the spacing tokens are referenced). It seems that the layout tokens are deprecated, and it's a bit confusing for tutorial users to see a rogue example of the layout token with no context or explanation. Suggest replacing it with $spacing-10 (equivalent rem). --- src/pages/developing/react-tutorial/step-2.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/developing/react-tutorial/step-2.mdx b/src/pages/developing/react-tutorial/step-2.mdx index 63199cd94d4..5e4e579cfd7 100644 --- a/src/pages/developing/react-tutorial/step-2.mdx +++ b/src/pages/developing/react-tutorial/step-2.mdx @@ -600,8 +600,8 @@ baseline, for consistency as well as development ease so `margins` and ```scss path=src/content/LandingPage/_landing-page.scss .landing-page__tab-content { - padding-top: $layout-05; - padding-bottom: $layout-05; + padding-top: $spacing-10; + padding-bottom: $spacing-10; } .landing-page__subheading {