# Marked Extended Slide - Styles

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

## Quick Start

### Minimal Setup (CSS)

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

### With Theme (CSS)

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

### Using CDN

```html

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

### Using SCSS

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

## Files

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