Yumma CSS and Svelte

How to add Yumma CSS to your project with Svelte.

Install Yumma CSS:

Install the Yumma CSS Library using a package manager.
Installing dependencies...
```
npm i yummacss@latest
```
Add yummacss to your main CSS file:

Create a new /src/global.css file
src/global.css
```
/* Minified Version */
@import "/node_modules/yummacss/dist/yumma.min.css";
```
Import the CSS file

Create a /src/routes/+layout.svelte file
routes/+layout.svelte
```
<script>
    import "../global.css";
</script>

<slot />
```
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.
/routes/+page.svelte
```
<div class="h-1/1 ins">
    <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + Svelte</h1>
</div>
```

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

Cloning repository

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