style.css (849B)

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

@import 'font.css';
@import 'buttons.css';
@import 'header.css';
@import 'menu.css';
@import 'main.css';
@import 'post.css';
@import 'pagination.css';
@import 'footer.css';
@import 'terms.css';
@import 'code.css';
@import 'highlight.css';
@import 'tabbedContainer.css';
@import 'video.css';

:root {
    --accent: #EE72F1;
    --bg-base: #1D1E28;
    --color: seashell;

    --border-color: rgba(255, 255, 255, .1);

    --weak-accent: color-mix(in srgb, var(--accent), transparent 30%);
    --trans-accent: color-mix(in srgb, var(--accent), transparent 90%); 

    --bg-color: color-mix(in srgb, var(--accent) 2%, var(--bg-base));

    --greyed-out: color-mix(in srgb, var(--color) 50%, transparent);

    --phone-width: "max-width: 684px";
    --tablet-width: "max-width: 900px";

    color: var(--color);
    background-color: var(--bg-color);
}