_variables.scss

@charset "UTF-8";

/*doc
---
title: "Themes"
name: themes
category: Docs
subcategory: Variables
type: Map
---

This map holds configuration for all themes. Each theme has an icon, a color and a z-index, and a background offset.

#### Source {themes-source}

```scss
$themes: (
  'error': (
    'color': #d90b0b,
    'index': 2147483647,
    'background-offset': 1.4em
  ),
  'warning': (
    'color': #f50,
    'index': 2147483646,
    'background-offset': 2.9em
  ),
  'obsolete': (
    'color': royalblue,
    'index': 2147483645,
    'background-offset': 4.4em
  ),
  'advice': (
    'color': green,
    'index': 2147483644,
    'background-offset': 5.9em
  ),
);
```

#### Map structure {themes-map-structure}

| Name                      | Description               | Type     | Value |
|---------------------------|---------------------------|----------|-------|
| `theme`                   | —                         | `Map`    | —     |
| `theme.color`             | Theme color               | `Color`  | —     |
| `theme.index`             | Theme `z-index`           | `Number` | —     |
| `theme.background-offset` | Theme `background-offset` | `Length` | —     |

#### Used by {themes-usedby}

- [`set-minimum-level()` mixin](#Mixins-set-minimum-level)
- [`base-content()` mixin](#Mixins-base-content)
*/
$themes: (
  'error': (
    'color': #d90b0b,
    'index': 2147483647,
    'background-offset': 1.4em
  ),
  'warning': (
    'color': #f50,
    'index': 2147483646,
    'background-offset': 2.9em
  ),
  'obsolete': (
    'color': royalblue,
    'index': 2147483645,
    'background-offset': 4.4em
  ),
  'advice': (
    'color': green,
    'index': 2147483644,
    'background-offset': 5.9em
  ),
);


/*doc
---
title: "Disabled tests"
name: disabled-tests
category: Docs
subcategory: Variables
type: List
---

Map of disabled tests, referred by their key.

#### Source {disabled-tests-source}

```scss
$disabled-tests: ();
```

##### Used by {disabled-tests-usedby}

- [`disable-tests()` mixin](#Mixins-disable-tests)
*/
$disabled-tests: ();


/*doc
---
title: "Void tags"
name: void-tags
category: Docs
subcategory: Variables
type: List
---

Every HTML tag that do not allow generated content through pseudo-elements.

#### Source {void-tags-source}

```scss
$void-tags: area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr, textarea, select, svg, audio, video, iframe;
```

##### Used by {void-tags-usedby}

- [`void-tags()` mixin](#Mixins-void-tags)

##### References {void-tags-references}

* <https://thenewcode.com/461/What-The-Heck-Is-A-Replaced-Element>
* <https://la-cascade.io/articles/quest-ce-quun-element-remplace>
*/
$void-tags: area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr, textarea, select, svg, audio, video, iframe;


/*doc
---
title: "File formats"
name: file-formats
category: Docs
subcategory: Variables
type: List
---

File formats used in a few selectors.

#### Source {file-formats-source}

```scss
$formats: pdf, doc, png, jpg, gif, ics, mp3, mp4, mov, ogg, xls, txt, zip, rar, docx, webp, apng, svg, svgz;
```

##### Used by {file-formats-usedby}

- ["Linking to a file" advice](/advices.html#file-format)
- ["`[alt]` containing file name" warning](/warnings.html#filename-alt)
*/
$formats: pdf, doc, png, jpg, gif, ics, mp3, mp4, mov, ogg, xls, txt, zip, rar, docx, webp, apng, svg, svgz;


/*doc
---
title: "Interactive elements"
name: interactive-elements
category: Docs
subcategory: Variables
type: List
---

Tags used in some selectors.

#### Source {interactive-elements-source}

```scss
$interactive: 'a[href]', 'audio[controls]', 'video[controls]', 'button', 'details', 'embed', 'iframe', 'img[usemap]', 'label', 'select', 'textarea', 'input[type]:not([hidden])';
```

##### Used by {interactive-elements-usedby}

- ["Nested interactive elements" error](/errors.html#nested-interactive)

##### References {interactive-elements-references}

* <https://html.spec.whatwg.org/multipage/dom.html#non-conforming-featuresdom.html#interactive-content-2>
*/
$interactive: 'a[href]', 'audio[controls]', 'video[controls]', 'button', 'details', 'embed', 'iframe', 'img[usemap]', 'label', 'select', 'textarea', 'input[type]:not([hidden])';