Ladle doesnt recognize the base scss style (#208)

* feat: Resolve Ladle error Criei um provider de acordo com a documentação do ladle e importei o base.css nele feat #149 * refactor: remove path alias and ajust proportion 1rem to 10px Removi o path alias e ajustei a proporção do 1rem to 10px re #149 * refactor: Remove alias import re #149 --------- Co-authored-by: Andre Almeida <andre-silva78@hotmail.com>
devhatt · Nov 20, 2023 · c12a7df · c12a7df
1 parent 8aeaed2
commit c12a7df
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 11 deletions.
diff --git a/.ladle/components.tsx b/.ladle/components.tsx
@@ -0,0 +1,6 @@
+import type { GlobalProvider } from '@ladle/react';
+import React from 'react';
+
+import '../src/styles/base.scss';
+
+export const Provider: GlobalProvider = ({ children }) => <div>{children}</div>;
diff --git a/src/components/CharacterLimitMainText/components/CharacterLimit.module.scss b/src/components/CharacterLimitMainText/components/CharacterLimit.module.scss
@@ -1,4 +1,4 @@
-@use '~styles/global.scss';
+@use '../../../styles/global.scss';
 
 .specificFill {
   fill: global.$primaryWhite !important;

diff --git a/src/components/ComposerEditor/ComposerEditor.module.scss b/src/components/ComposerEditor/ComposerEditor.module.scss
@@ -1,4 +1,4 @@
-@use '~styles/global';
+@use '../../styles/global';
 
 .inputContainer {
   width: 100%;

diff --git a/src/components/MainComposer/MainComposer.module.scss b/src/components/MainComposer/MainComposer.module.scss
@@ -1,4 +1,4 @@
-@use '~styles/global.scss';
+@use '../../styles/global';
 
 .wrapper {
   width: 100%;

diff --git a/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.module.scss b/src/pages/home/components/Sidebar/components/SocialAccordion/SocialAccordion.module.scss
@@ -1,4 +1,4 @@
-@use '../../styles/global';
+@use '../../../../../../styles/global';
 
 .wrapper {
   overflow: hidden;
@@ -33,7 +33,7 @@
   gap: 1rem;
 
   p {
-    color: $secondaryPurple;
+    color: global.$secondaryPurple;
     font-size: 1.6rem;
   }
 }
@@ -42,12 +42,12 @@
   gap: 0.8rem;
 
   span {
-    color: $tertiaryGray;
+    color: global.$tertiaryGray;
     font-size: 1.2rem;
     font-weight: 500;
   }
 
   .error {
-    color: $secondaryRed;
+    color: global.$secondaryRed;
   }
 }
diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -1,17 +1,19 @@
 @use './global';
-
-@import '~normalize.css/normalize.css';
+@import '../../node_modules/normalize.css/normalize.css';
 
 * {
   box-sizing: border-box;
 }
 
-html,
-body {
+html {
   font-family: global.$mainFont;
   font-size: 62.5%;
 }
 
+body {
+  font-size: 1.6rem;
+}
+
 button {
   width: 100%;