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.

Using the CLI

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

1
Install Yumma CSS
Terminal
```
npm install yummacss -D
```
2
Initialize configuration
Create a configuration file in your project.
Terminal
```
npx 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're all set! Start typing Yumma CSS classes, and watch the magic happening in our CSS file.
Terminal
```
npx yummacss build
```

Using the CDN

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

Import Yumma CSS

<script src="https://unpkg.com/@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://unpkg.com/@yummacss/runtime"></script>
</head>

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

</html>