Getting StartedInstallation

Installation

Yumma CSS a CLI-first CSS framework for the web with abbreviated styles.

Setting up Yumma CSS

Here's a very quick and easy way to get started with Yumma CSS.

  1. 1

    Install Yumma CSS

    Terminal
    pnpm add yummacss -D
  2. 2

    Initialize configuration

    Create a configuration file in your project.

    Terminal
    pnpm yummacss init
  3. 3

    Set up configuration

    Specify the locations of all your project files in the config file.

    yumma.config.mjs
    export default {
    source: ["./src/**/*.{ts,tsx}"],
    output: "./src/styles.css",
    buildOptions: {
    reset: true,
    minify: false,
    },
    };
  4. 4

    Build styles

    You can now start generating your CSS with the build or watch command.

    Terminal
    pnpm yummacss build