967 B
967 B
name, description, metadata
| name | description | metadata | ||||||
|---|---|---|---|---|---|---|---|---|
| feedback-scss | SCSS architecture patterns that work in this project |
|
Each SCSS partial (_typography.scss, _animations.scss) must have its own @use 'variables' as *; at the top to access mixins, even when main.scss also imports it.
Why: Sass module system (@use) scopes imports per-file. Vite's additionalData only runs for component <style lang="scss"> blocks, not for Sass-loaded partials.
How to apply: Any new SCSS partial that uses mixins/variables must include @use 'variables' as *; as its first line. Do NOT rely on Vite additionalData for partials loaded via @use in main.scss.
Tailwind v4 must be imported in a separate src/styles/tailwind.css (@import "tailwindcss") and imported from main.ts before main.scss. Importing it inside a .scss file triggers Sass @import deprecation errors.