all repos — breadsite @ 2ccf4bf1f5b81ad2f235714775e0921f3432d509

Unnamed repository; edit this file 'description' to name the repository.

static/style.css (view raw)

 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
 47
 48
 49
 50
 51
 
:root {
    --text: #000;
    --background: #fff;
    --primary: #0f0;
    --secondary: #f0f;
    --cell: #ff0;
    --activated: #0ff;
}

body {
    background-color: var(--background);
    color: var(--text);

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
}

* {
    overflow: hidden;
    /* border: 1px solid var(--text); */
}

.container {
    width: 90vh;
    height: 90vh;
    margin: auto;
    background-color: var(--primary);
    border-radius: 5%;
}

.segments {
    display: flex;
    gap: 1%;
    height: 3%;
    width: auto;
}

.segment {
    border-radius: 10%;
    width: 100%;
    height: 100%;
    background: var(--cell);
}

.activated {
    background: var(--activated);
}