feat: add layers.css for improved CSS organization and import in index.css

onmax · onmax · commit 47975a2776dc · 2025-03-07T09:57:06.000+01:00
diff --git a/packages/nimiq-vitepress-theme/src/assets/index.css b/packages/nimiq-vitepress-theme/src/assets/index.css
@@ -1,3 +1,5 @@
+@import url('./layers.css');
+
 @import url('./uno.css') layer nq-vp;
 @import url('./typography.css') layer nq-vp;
 @import url('./github-callouts.css') layer nq-vp;
diff --git a/packages/nimiq-vitepress-theme/src/assets/layers.css b/packages/nimiq-vitepress-theme/src/assets/layers.css
@@ -0,0 +1 @@
+@layer nq-reset, nq-colors, nq-preflight, nq-static-content, nq-typography, nq-utilities, nq-variants, nq-vp;
diff --git a/packages/nimiq-vitepress-theme/src/layout/Layout.vue b/packages/nimiq-vitepress-theme/src/layout/Layout.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import '../assets/index.css';
 import PageContent from './PageContent.vue';
 import Sidebar from './Sidebar.vue'
 </script>

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import url('./layers.css');`
	`2`	`+`
`1`	`3`	`@import url('./uno.css') layer nq-vp;`
`2`	`4`	`@import url('./typography.css') layer nq-vp;`
`3`	`5`	`@import url('./github-callouts.css') layer nq-vp;`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+@layer nq-reset, nq-colors, nq-preflight, nq-static-content, nq-typography, nq-utilities, nq-variants, nq-vp;`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`<script setup lang="ts">`
`2`		`-import '../assets/index.css';`
`3`	`2`	`import PageContent from './PageContent.vue';`
`4`	`3`	`import Sidebar from './Sidebar.vue'`
`5`	`4`	`</script>`