nuxt-simple-css
v1.0.3
Published
Add Simple CSS to your Nuxt project.
Downloads
33
Readme
Nuxt Simple CSS
Add Simple CSS by Kev Quirk to your Nuxt 3 project.
Why?
If you are building lots of projects, it's handy to have some simple CSS rules that will make your project look nice and clean, without you having do add any CSS.
Quick Setup
- Add
nuxt-simple-cssdependency to your project
pnpm add -D nuxt-simple-css
yarn add --dev nuxt-simple-css
npm install --save-dev nuxt-simple-css- Add
nuxt-simple-cssto themodulessection ofnuxt.config.ts
export default defineNuxtConfig({
modules: ['nuxt-simple-css'],
})That's it! You can now use Nuxt Simple CSS in your Nuxt app ✨
Options
export default defineNuxtConfig({
nuxtSimpleCSS: {
// ...options
},
})| Prop | Type | Default |
| -------------- | -------- | --------- |
| accent | string | #0d47a1 |
| bg | string | #fff |
| accent-bg | string | #f5f7ff |
| text-light | string | #585858 |
| text | string | #898EA4 |
| border | string | #898EA4 |
| code | string | #d81b60 |
| preformatted | string | #444 |
| marked | string | #ffdd33 |
| disabled | string | #efefef |