css/styles.scss


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

// font import
// TODO: serve font yourself
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

@import "navbar";
@import "menu_page";
@import "manage/client";

:root {
    --body-bg: #282a36;
    --body-fg: #f8f8f8;
    //--body-bg-alt: #161720;
    --body-bg-alt: #21232f;
    --body-fg-alt: lightgray;

    --nav-bg: #383a59;
    --nav-fg: #f8f8f8;
    --nav-height: 4rem;

    --link-fg: #bd93f9;

    --main-padding: 0.7rem;
}

html, body {
    height: 100%;
    margin: 0;
}

* {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

body {
    background-color: var(--body-bg);
    color: var(--body-fg);
}

main {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    min-height: calc(100vh - var(--nav-height));
    padding: var(--main-padding);
}