New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

global scss variable does not take effect #6722

Closed

1 task done

mydracula opened this issue Mar 31, 2023 · 1 comment

Closed

1 task done

global scss variable does not take effect #6722

mydracula opened this issue Mar 31, 2023 · 1 comment

mydracula commented Mar 31, 2023 •

edited

Loading

What version of `astro` are you using?

latest

Are you using an SSR adapter? If so, which one?

none

What package manager are you using?

npm

What operating system are you using?

Windows

What browser are you using?

Chrome

Describe the Bug

Why the global scss variable does not take effect?

<style lang="scss">
	// @import '@styles/test.scss';
	// $sidebar-width: 25px;
	.box {
		font-size: $sidebar-width;
	}
</style>

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-qgsdc3?file=src%2Fpages%2Findex.astro,src%2Fstyles%2Ftest.scss,tsconfig.json,src%2Fstyles%2Fglobal.scss&on=stackblitz

Participation

I am willing to submit a pull request for this issue.

The text was updated successfully, but these errors were encountered:

Member

bluwy commented Apr 4, 2023

@import styles with aliases isn't supported yet and is tracked at #6551. I'm planning to take a look at it again this week.

bluwy closed this as not planned

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment