UNPKG

@s9a/bae

Version:

SF bae CSS color palette

s9a.github.io/bae/

s9a/bae

46 lines (32 loc) • 1.05 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
# 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)