Installation

Yumma CSS a CLI-first CSS framework for the web with abbreviated styles.

Setting up Yumma CSS

Here's a very quick and easy way to get started with Yumma CSS.

With package managers

Yumma CSS is available as a package on npm. You can install it using your favorite package manager:

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

Set up configuration

Specify the locations of all 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
You can now start generating your CSS with the build or watch command.
Terminal
```
pnpm yummacss build
```

With CDN

Yumma CSS is also available as a CDN. You can import it directly in your HTML file.

Import Yumma CSS

<script src="https://cdn.jsdelivr.net/npm/@yummacss/runtime"></script>

Start using Yumma CSS

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

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

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

</html>