Ganbatte
Ganbatte
Explore posts from servers
KPCKevin Powell - CommunityDTDrizzle Team
PostsComments
KPCKevin Powell - Community
Created by Ganbatte on 12/20/2023 in #front-end
Difficulty with Autocompletion for SCSS Variables in Visual Studio Code
Thank you very much for the quick response. I'm really grateful for your help; it finally works, something I've looked into several times but never managed to find the answer to. Isn't '@import' an outdated feature that's not widely supported anymore? I see '@use' as the replacement in the documentation. However, as you mentioned, I've created a 'config' folder within 'styles' in Next.js and named it 'index.scss'. _variables.scss 
$max-width: 1200px;
$desktop-nav-break: 600px;
$break-mobile: 600px;

$cardImg-height: 50%;
$card-color-bg: var(--bg-100);
$max-width: 1200px;
$desktop-nav-break: 600px;
$break-mobile: 600px;

$cardImg-height: 50%;
$card-color-bg: var(--bg-100);
config/index.scss 
@import '../variables';
@import '../themes';
@import '../mixings.scss';
@import '../typography.scss';
@import '../components/navbar.scss';
@import '../components/buttons.scss';
@import '../components/footer.scss';
@import '../variables';
@import '../themes';
@import '../mixings.scss';
@import '../typography.scss';
@import '../components/navbar.scss';
@import '../components/buttons.scss';
@import '../components/footer.scss';
global.scss 
@use 'config/index' as *;
@use 'config/index' as *;
What are your thoughts on this? Thank you in advance for the assistance! Have a wonderful day! 🔥
8 replies