Yumma CSS and Astro

How to add Yumma CSS to your project with Astro.

Install Yumma CSS:

Install the Yumma CSS Library using a package manager.
Installing dependencies...
```
npm i yummacss@latest
```

Add yummacss in your Layout.astro file:

<style is:global>

/* Minified Version */
@import "/node_modules/yummacss/dist/yumma.min.css";
</style>

Start development server

Start your application using npm run dev.
Terminal
```
npm run dev
```

Use Yumma CSS in your project:

You’re all set to start using Yumma CSS utility classes in your project.

---
import Layout from '../layouts/Layout.astro';
---

<Layout title="Welcome to Astro.">
    <div class="h-1/1 ins">
        <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + Astro</h1>
    </div>
</Layout>

Project example

If you’re having trouble with Yumma CSS, clone this Astro example.

Cloning repository

git clone https://github.com/yumma-lib/astro-yummacss-example.git

Installing dependencies
Installing dependencies...
```
npm install
```
Start development server
Terminal
```
npm start
```