Prashant Package CSS

A lightweight, reusable CSS package for rapid UI development. Includes utilities for typography, buttons, cards, and spacing.

Installation

npm install @yourusername/prashant-package-css

Usage

In HTML

<link rel="stylesheet" href="node_modules/@yourusername/prashant-package-css/dist/index.css">

In CSS/SCSS

@import '@yourusername/prashant-package-css/dist/index.css';

In JavaScript (React, Vue, etc.)

import '@yourusername/prashant-package-css/dist/index.css';

Features

• CSS Variables: Customizable color scheme and spacing
• Components: Pre-styled buttons, cards, and containers
• Utilities: Margin, padding, and text alignment helpers
• Typography: Beautiful default heading and text styles
• Responsive: Mobile-first design approach

Customization

Override CSS variables in your own stylesheet:

:root {
  --primary-color: #your-color;
  --secondary-color: #your-color;
  --text-color: #your-color;
}

File Structure

src/
  └── index.css       # Main stylesheet
dist/
  └── index.css       # Compiled output

License

MIT

Support

For issues and feature requests, visit the GitHub repository.