# Example with @atomico/vite

With [atomico-vite](https://atomico.gitbook.io/doc/packages/atomico-vite "mention") you can use @atomico/postcss-tokens in your cssLiterals with the following configuration:

1. Enable the use of postcss for cssLiterals in the `vite.config.js` file

```javascript
atomico({
    cssLiterals: { postcss: true }
});
```

2\. Add [](https://atomico.gitbook.io/doc/packages/atomico-postcss-tokens "mention")to your postcss config, example:

```json
"postcss": {
        "plugins": {
            "@atomico/postcss-tokens": {
                "prefix": "a"
            }
        }
}
```

3\. ready to use

```javascript
export const GenericTokens = css`
    @tokens "./tokens.yaml" (import: generic);
`
```