Installation

Set up Yumma CSS in your project using the CLI or CDN.

Set up Yumma CSS

Follow these steps to get started with Yumma CSS.

Use the CLI

Install Yumma CSS with your favorite package manager:

1
Install Yumma CSS
Terminal
```
pnpm add yummacss -D
```
2
Initialize configuration
Create a configuration file in your project.
Terminal
```
npx yummacss init
```

Configure sources

Specify the locations/paths of your project files in the config file.

export default {
  source: ["./src/**/*.{ts,tsx}"],
  output: "./src/styles.css",
  buildOptions: {
    reset: true,
    minify: false,
  },
};

4
Build styles
Start using Yumma CSS classes, then generate your styles.
Terminal
```
npx yummacss build
```

Use the CDN

Import Yumma CSS directly into your HTML file via CDN for quick prototyping.

Import script

<script src="https://unpkg.com/@yummacss/runtime"></script>

Start styling

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://unpkg.com/@yummacss/runtime"></script>
</head>

<body class="bg-black">
  <h1 class="c-white">Hello World</h1>
</body>

</html>