reactpy-router/docs/src/assets/css/button.css at 68ffeb7343231711c8a4544e060dd679ac944402 · reactive-python/reactpy-router · GitHub

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
[data-md-color-scheme="slate"] {
    --md-button-font-color: #fff;
    --md-button-border-color: #404756;
}

[data-md-color-scheme="default"] {
    --md-button-font-color: #000;
    --md-button-border-color: #8d8d8d;
}

.md-typeset .md-button {
    border-width: 1px;
    border-color: var(--md-button-border-color);
    border-radius: 9999px;
    color: var(--md-button-font-color);
    transition:
        color 125ms,
        background 125ms,
        border-color 125ms,
        transform 125ms;
}

.md-typeset .md-button:focus,
.md-typeset .md-button:hover {
    border-color: var(--md-button-border-color);
    color: var(--md-button-font-color);
    background: rgba(78, 87, 105, 0.05);
}

.md-typeset .md-button.md-button--primary {
    color: #fff;
    border-color: transparent;
    background: var(--reactpy-color-dark);
}

.md-typeset .md-button.md-button--primary:focus,
.md-typeset .md-button.md-button--primary:hover {
    border-color: transparent;
    background: var(--reactpy-color-darker);
}

.md-typeset .md-button:focus {
    transform: scale(0.98);
}