Skip to content

Add Yumma CSS in .NET

  1. Navigate to your project:

    Navigate to the solution your project:

    Terminal
    cd project-name\solution-name
  2. Install Yumma CSS:

    Install the Yumma CSS Library using LibMan.

    Installing dependencies...
    libman install yummacss@latest --provider jsdelivr --destination lib/yummacss

    Once you’ve installed it, you should see the yummacss folder inside your /lib folder.

    • DirectoryProperties/
    • Directorywwwroot
      • Directorycss
        • site.css
      • Directoryjs
        • site.js
      • Directorylib/
        • Directoryyummacss/ generates this
      • favicon.ico
    • DirectoryControllers
      • HomeController.cs
    • DirectoryModels
      • ErrorViewModel.cs
    • DirectoryViews
      • DirectoryHome/
      • DirectoryShared/
    • appsettings.json
    • libman.json
    • Program.cs
  3. Add yummacss to your main CSS file:

    css/site.css
    /* Minified Version */
    @import "/lib/yummacss/dist/yumma.min.css";
  4. Getting ready for development:

    You can also press the F5 key to access the development server.

  5. Use Yumma CSS in your project:

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

    Home/Index.cshtml
    <div class="h-1/1 ins">
    <h1 class="fs-xxl fw-500 tc-pink">Yumma CSS + .NET</h1>
    </div>

Still stuck?

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

Cloning repository...
git clone https://github.com/yumma-lib/dotnet-yummacss-example.git