# bae

[<b>welcome<br>to<br>our<br>bae</b>](https://s9a.github.io/bae/)

### palette

- <b>`.bae-warm`</b> is `#415` on `#bae`
- <b>`.bae-cool`</b> is `#bae` on `#415`
- <b>`.bae-dawn`</b> is `#510` on `#bae`
- <b>`.bae-dusk`</b> is `#bae` on `#510`
- <b>`.bae-vine`</b> is `#707` on `#4ea`
- <b>`.bae-vein`</b> is `#4ea` on `#707`
- <b>`.bae-swag`</b> is `#925` on `#bff`
- <b>`.bae-swab`</b> is `#bff` on `#925`
- <b>`.bae-gold`</b> is `#707` on `gold`
- <b>`.bae-rush`</b> is `gold` on `#707`

### behavior

Remember to style interactive elements with visual affordance. Link underline etc.

- `.bae-clean` Override coloring within
- `.bae-unclean` Override `.bae-clean` on specific element
- `.bae-flat` Transparentize borders within
- `.bae-unflat` Override `.bae-flat` on specific element

### examples

#### page

```html
<html class="bae-warm bae-clean">
```

#### anywhere

```html
<aside class="bae-cool">
  <em>hella</em> cool
</aside>
```

## setup

- [Releases have setup deets](../../releases)
