docs: Improve theming + introduction

This commit is contained in:
venashial
2022-03-10 00:08:59 -08:00
parent 6dcd33bbc5
commit de536d7305
7 changed files with 426 additions and 7 deletions

View File

@@ -0,0 +1,33 @@
<svelte:head>
<title>CSS - Kleos</title>
</svelte:head>
# CSS Configuration
Use [PostCSS](https://postcss.org/) to process your css in components and `.postcss` files.
Install PostCSS with:
```bash
pnpx svelte-add@latest postcss
```
This is the recommended `postcss.config.cjs` setup:
```js
const config = {
plugins: [
require('postcss-import'),
require('postcss-strip-inline-comments'),
require('postcss-nested'),
require('postcss-preset-env'),
require('autoprefixer'),
require('postcss-extend-rule'),
process.env.NODE_ENV === 'development' && require('cssnano')({
preset: 'default',
})
],
};
module.exports = config;
```