LeoJumaCSS Framework

A lightweight, JIT-enabled utility-first CSS framework for rapid web development.

Features

• Just-In-Time (JIT) CSS Generation: Only the classes you use in your HTML are included in the output CSS.
• Pre-Built Components: Generate components like headers, footers, and buttons with simple commands.
• Utility-First: Use predefined utilities for colors, spacing, flexbox, and more.
• Live Watching: Automatically regenerate CSS as your HTML changes.

Installation

Install the Package

npm install leojumacss             ## This command will install leojumacss Package

npx leojumacss --init             ## this command will initilize input css file

npx leo-index                      ## This command will initilize index.html a starting point of your project

npx leojumacss --watch             ## This command will Automatically regenerate CSS as your HTML files changes.



## Componets (Opotional Command)

* pre-build Footer and Header*
* pre-build Button

npx leo-starthtml    ## this command will generate pre--build footer and header, you can customize 

npx leo-button       ## this command will generate  pre-build button that can be used


<link rel="stylesheet" href="dist/output.css">   ## Add this line to all your HTML files created, this will Automatically regenerate CSS as your HTML files changes.