# Marked Extended Kanban - Styles

This directory contains the CSS and SCSS files for styling the kanban component.

## Quick Start

### Minimal Setup (CSS)

```javascript
import '@fsegurai/marked-extended-kanban/styles/kanban.css';
```

### With Theme (CSS)

```javascript
import '@fsegurai/marked-extended-kanban/styles/kanban.css';
import '@fsegurai/marked-extended-kanban/styles/kanban-theme.css';
```

### Using CDN

```html

<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@fsegurai/marked-extended-kanban@latest/dist/styles/kanban.css">
<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@fsegurai/marked-extended-kanban@latest/dist/styles/kanban-theme.css">
```

### Using SCSS

```scss
@import '@fsegurai/marked-extended-kanban/styles/kanban.scss';
@import '@fsegurai/marked-extended-kanban/styles/kanban-theme.scss';
```

## Files

- **kanban.css** - Minimal structural CSS (required)
- **kanban.scss** - SCSS with customizable variables
- **kanban-theme.css** - Complete theme with hover previews
- **kanban-theme.scss** - SCSS theme with customizable colors