# Marked Extended Tables - Styles

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

## Quick Start

### Minimal Setup (CSS)

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

### With Theme (CSS)

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

### Using CDN

```html

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

### Using SCSS

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

## Files

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