Get started with Yumma CSS

Yumma CSS is a CSS framework packed with a set of abbreviated utility classes for building faster and more maintainable UIs.

Installation

How to install Yumma CSS in your project:

Install Yumma CSS

Add yummacss to your project.
- npm
- pnpm
- yarn
Terminal
npm i yummacss -D
Terminal
pnpm add yummacss -D
Terminal
yarn add yummacss -D
Initialize configuration

Create a configuration file in your project.
- npm
- pnpm
- yarn
Terminal
npx yummacss init
Terminal
pnpx yummacss init
Terminal
yarn dlx 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,
  },
};

Build styles

You can now start generating your CSS with the build or watch command.
- npm
- pnpm
- yarn
Terminal
npx yummacss build
Terminal
pnpx yummacss build
Terminal
yarn dlx yummacss build