Yumma CSS and Svelte

Setup Yumma CSS with Svelte.

Creating a new project

To create a new Svelte project, you need run the Svelte command in your terminal.

Install Yumma CSS:

Install the Yumma CSS Library using a package manager.
Installing dependencies...
```
npm install yummacss@latest
```
Include yummacss in your main CSS file:

In this case, we’re importing the minified version of Yumma CSS.

Create a new /src/global.css file
src/global.css
```
@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.
Starting development server...
```
npm run dev
```
Done!

You’re all set to start using Yumma CSS utility classes in your project.
routes/+page.svelte
```
<h1 class="fs-sm fw-700 ta-c tc-indigo">Yumma CSS 🤝 Svelte</h1>
```

You can clone the project from the GitHub repository.

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