- Add more documentation. - Use `main.scss` instead of importing components individually. This improves productivity without compilation errors due to missing imports and allows for easier future file/folder changes and refactorings inside `./styles`. - Use partials with underscored naming. Because it documents that the files should not be individually imported. - Introduce `third-party-extensions` folder to group styles that overwrites third party components. - Refactor variable names from generic to specific. - Use Sass modules (`@use` and `@forward`) over depreciated `@import` syntax. - Separate font assets from Sass files (`styles/`). Create `assets/` folder that will contain both. - Create `_globals.css` for global styling of common element instead of using `App.vue`.
12 lines
283 B
SCSS
12 lines
283 B
SCSS
/* This class is not supposed to more than forwarding other styles */
|
|
|
|
@forward "./fonts";
|
|
@forward "./media";
|
|
@forward "./colors";
|
|
@forward "./globals";
|
|
|
|
@forward "./components/card";
|
|
|
|
@forward "./third-party-extensions/tooltip.scss";
|
|
@forward "./third-party-extensions/tree.scss";
|