28 lines
765 B
CSS
28 lines
765 B
CSS
|
/* Layer architecture */
|
||
|
|
/* Best practice to put @layer at top of the import file for organization */
|
||
|
|
|
||
|
|
@layer reset, variables, base, properties, typography, theme, layouts, components, utilities;
|
||
|
|
|
||
|
|
/* Base */
|
||
|
|
@import 'reset.css' layer(reset);
|
||
|
|
/* @import '../css/base/normalize.css' layer(base); */
|
||
|
|
@import 'variables.css' layer(variables);
|
||
|
|
@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 'blog-preview-card.css' layer(components);
|
||
|
|
|
||
|
|
/*! important */
|
||
|
|
/*? Question */
|
||
|
|
/** Note */
|
||
|
|
/*TODO todo */
|