Yumma CSS and Vue.

How to add Yumma CSS to your project with Vue.

1. Install Yumma CSS:

   Install the Yumma CSS Library using a package manager.

   Installing dependencies...

   npm i yummacss@latest

2. Add yummacss in your main CSS file:

   src/main.css

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

3. Start development server

   You can also run npm start to start your application.

   Terminal

   npm run dev

4. Use Yumma CSS in your project:

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

   App.vue

   <template>
       <div class="h-1/1 ins">
           <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + Vue</h1>
       </div>
   </template>

---

Project example

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

1. Cloning repository

   Cloning repository...

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

2. Installing dependencies

   Installing dependencies...

   npm install

3. Start development server

   Terminal

   npm run dev