KPC
Kevin Powell - Community•15mo ago
RobyDobyDingo

vite can't find sass variables

Hey guys, hope you're doing well. Today I faced with the problem, idk why it's happening, but here's the problem: - I made a file, called _variables.scss - put some custom variables there - import that file to my global.scss - import global file in my main.tsx - try to use these variables inside of my components module.scss files and get an error - undefined variable What am I doing wrong?
5 Replies
nelixus159
nelixus159•15mo ago
Hey have u imported _variables.scss inside your global.scss ?
RobyDobyDingo
RobyDobyDingo•15mo ago
@nelixus159 yes
vince
vince•15mo ago
Try 
@use "./styles/global.scss" as tokens;

.class {
  color: tokens.$color-accent;
}
@use "./styles/global.scss" as tokens;

.class {
  color: tokens.$color-accent;
}
Oh, did you @use inside your module stylesheet?
RobyDobyDingo
RobyDobyDingo•15mo ago
@vince no, is it important? I made a project around a year ago where I used the similar method as I showed here, but there it's working, but now it's not I thought if there are ways to do so without importing or extra code, just take and use
vince
vince•15mo ago
Maybe there is, but that's how I do it and it works
Want results from more Discord servers?
Add your server
More Posts
Position sticky doing werid jumps on mobileHi there. So I have a button that is sticky on mobile. It should only show when the user scrolls pasProblem with bootI'm have Linux 22.10 and it suddenly freeze in login screen after sleep mode and now it cant boot afcustom properties / css var auto completehttps://marketplace.visualstudio.com/items?itemName=phoenisx.cssvar Read the docs for customizationHow does this example from React documentation work?Hello guys, I'm reading the new React documentation but I don't understand a little thing. In the stWorking VS Code extension for Custom Property intellisenseHello! So I've been trying about 3 or 4 different extensions to get intellisense going for custom prUbuntu upgrades / unattended upgradesApologies if this is a bit off topic for this channel - if anyone knows a good linux discord server Force Grid Box to align at topNew to Discord so please forgive me if this post is not as it should be. I'm having an issue with coborder-image problem (solved)I'm using `border-image` to add a linear gradient border to the bottom of an image. However, the toCustom hr in CSSIs it possible to achieve something like this with css ? I dont even know how to start with this.Need help with some layout formatting... CSS.Hello! I have a large ellipse I am using for some layout design. It is larger than the page size a