# Marked Extended Spoiler - Styles

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

## Quick Start

### Minimal Setup (CSS)

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

### With Theme (CSS)

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

### Using CDN

```html

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

### Using SCSS

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

## Files

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