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
24 lines
346 B
SCSS
24 lines
346 B
SCSS
@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"; |