From bbe76866fdabe0d3029f93825b44d96051dba7bd Mon Sep 17 00:00:00 2001
From: MinamiFunakoshiTR <minami.funakoshi@thomsonreuters.com>
Date: Wed, 18 Jan 2023 12:00:36 -0600
Subject: [PATCH] adds @ to scss import docs

---
 src/docs/scss/fonts.stories.mdx  | 4 ++--
 src/docs/scss/mixins.stories.mdx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/docs/scss/fonts.stories.mdx b/src/docs/scss/fonts.stories.mdx
index 3dfb9930..11abde2e 100644
--- a/src/docs/scss/fonts.stories.mdx
+++ b/src/docs/scss/fonts.stories.mdx
@@ -24,7 +24,7 @@ There are several ways to specify font styles.
 ```svelte
 <style lang="scss">
   // Import SCSS variables
-  @import 'reuters-graphics/graphics-components/dist/scss/variables';
+  @import '@reuters-graphics/graphics-components/dist/scss/variables';
 
   p {
     // Use one...
@@ -41,7 +41,7 @@ There are several ways to specify font styles.
 ```svelte
 <style lang="scss">
   // Import SCSS mixins
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   p {
     // Use one...
diff --git a/src/docs/scss/mixins.stories.mdx b/src/docs/scss/mixins.stories.mdx
index f85e6d44..05c25f6e 100644
--- a/src/docs/scss/mixins.stories.mdx
+++ b/src/docs/scss/mixins.stories.mdx
@@ -25,7 +25,7 @@ Mixin our default body text styles.
 
 <style lang="scss">
   // Import SCSS mixins
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.my-custom-text {
     // Use body-text rules for all text elements
@@ -50,7 +50,7 @@ Graphic text styles.
 </div>
 
 <style lang="scss">
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.my-chart-container {
     @include graphic-text;
@@ -68,7 +68,7 @@ Hide text meant for screen readers.
 </div>
 
 <style lang="scss">
-  @import 'reuters-graphics/graphics-components/dist/scss/mixins';
+  @import '@reuters-graphics/graphics-components/dist/scss/mixins';
 
   div.hidden {
     @include visually-hidden;