Nuxt CSS layer (@web-baseline/nuxt-css-layer)

✨ Use css cascade layers in Nuxt ✨

• ✨  Release Notes

English | 简体中文

Features

• Add cascading layers to CSS files ( By @web-baseline/postcss-wrap-up-layer )
• Allow adding cascading layer to style blocks in Vue SFC ( By @web-baseline/vite-plugin-vue-style-layer )
• CSS cascading layer sorting

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add @web-baseline/nuxt-css-layer

That's it! You can now use css cascade layers in your Nuxt app ✨

Options

Option	Description	Type	Default
sfc	Is SFC processing enabled	boolean	true
sfcIncludes	SFC files (refer to @web-baseline/vite-plugin-vue-style-layer)	--	--
rules	CSS file rules (refer to @web-baseline/postcss-wrap-up-layer)	--	--
ignoreOnlyComments	Ignore files that only contain comments (refer to @web-baseline/postcss-wrap-up-layer)	--	--
cssLayerOrder	Cascade layer sorting	string | string[] | undefined	undefined