27 lines
710 B
CSS
27 lines
710 B
CSS
|
/* Layer architecture */
|
||
|
|
/* Best practice to put @layer at top of the import file for organization */
|
||
|
|
|
||
|
|
@layer reset, base, properties, typography, theme, layouts, components, utilities;
|
||
|
|
|
||
|
|
/* Base */
|
||
|
|
@import "reset.css" layer(reset);
|
||
|
|
/* @import '../css/base/normalize.css' layer(base); */
|
||
|
|
@import "base.css" layer(base);
|
||
|
|
@import "properties.css" layer(properties);
|
||
|
|
@import "theme.css" layer(theme); /* theme variables */
|
||
|
|
@import "typography.css" layer(typography); /* theme typography */
|
||
|
|
@import "utilities.css" layer(utilities);
|
||
|
|
|
||
|
|
/* Layouts */
|
||
|
|
|
||
|
|
@import "layout.css" layer(layouts);
|
||
|
|
|
||
|
|
/* Components */
|
||
|
|
|
||
|
|
@import "recipe-page.css" layer(components);
|
||
|
|
|
||
|
|
/* ! important */
|
||
|
|
/* ? Question */
|
||
|
|
/* * Note */
|
||
|
|
/* TODO todo */
|