diff --git a/.changeset/petite-insects-pump.md b/.changeset/petite-insects-pump.md new file mode 100644 index 00000000..159a7fc5 --- /dev/null +++ b/.changeset/petite-insects-pump.md @@ -0,0 +1,6 @@ +--- +"@blockle/blocks-core": patch +"@blockle/blocks": patch +--- + +Refactor layer definitions to remove parent-child relationships diff --git a/packages/core/src/css/layers.css.ts b/packages/core/src/css/layers.css.ts index cc263c11..bec13488 100644 --- a/packages/core/src/css/layers.css.ts +++ b/packages/core/src/css/layers.css.ts @@ -1,9 +1,9 @@ import { layer } from '@vanilla-extract/css'; +const resetLayer = layer('blockle-reset'); +const atomLayer = layer('blockle-atom'); +const moleculeLayer = layer('blockle-molecule'); const organismLayer = layer('blockle-organism'); -const moleculeLayer = layer({ parent: organismLayer }, 'blockle-molecule'); -const atomLayer = layer({ parent: moleculeLayer }, 'blockle-atom'); -const resetLayer = layer({ parent: atomLayer }, 'blockle-reset'); export const layers = { reset: resetLayer,