🔥 Huge style refactoring by using SvelteKit built-in style tag
It's been tricky but got there finally! Hello `:global` - Avoid using one global CSS file containing everything - Import the component SCSS file in a script tag from the component file to allow style scoping and including it only when used
This commit is contained in:
24
src/style/global.scss
Normal file
24
src/style/global.scss
Normal file
@@ -0,0 +1,24 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
// Dependencies
|
||||
@import "sanitize.css/sanitize";
|
||||
|
||||
// Tools
|
||||
@import "tools/helpers";
|
||||
|
||||
// Base
|
||||
@import "base";
|
||||
@import "fonts";
|
||||
@import "typography";
|
||||
@import "effects";
|
||||
|
||||
// Layout
|
||||
@import "layout/grid";
|
||||
@import "layout/modules";
|
||||
|
||||
// Misc
|
||||
@import "animations";
|
||||
|
||||
// Components (Atomic Design System)
|
||||
// Atoms
|
||||
@import "atoms/photo";
|
||||
Reference in New Issue
Block a user