Bismillah CSS CLI

A command-line interface tool for managing Bismillah CSS, a utility-first CSS framework with Islamic values.

Installation

```bash npm install -g bismillah-css-cli ```

Or use it directly with npx:

```bash npx bismillah-css-cli ```

Usage

Initialize Bismillah CSS in your project

```bash bismillah-css init ```

This will create a bismillah.config.js file in your project root and optionally create a CSS directory with component files.

Options:

• -f, --force: Overwrite existing files
• -m, --minimal: Install minimal version

Add a component

```bash bismillah-css add ```

This will add a component to your project.

Options:

• -d, --dir <directory>: Target directory (default: './src/components')
• -f, --force: Overwrite existing component

Available components:

• button
• card
• input
• checkbox
• select
• navbar
• footer
• alert
• badge
• modal
• table
• form

Remove a component

```bash bismillah-css remove ```

This will remove a component from your project.

Options:

• -d, --dir <directory>: Target directory (default: './src/components')

Configuration

The bismillah.config.js file contains your project's configuration:

module.exports = {
  prefix: 'bismillah-',
  theme: 'default',
  colors: {
    primary: '#3498db',
    secondary: '#2ecc71',
    accent: '#e74c3c',
    background: '#f8f9fa',
    text: '#333333',
  },
  borderRadius: '8px',
  fontFamily: '"Inter", sans-serif',
  // ... other options
};