viewy 2.0.6

A web UI toolkit that combine the advantages of a design system and an ui library.
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

.badge {
    display: inline-block;
    box-sizing: content-box;
    border-radius: sp(30);
    &--with-text {
        padding: sp(3) sp(6);
        line-height: sp(14);
        min-width: sp(8);
        min-height: sp(8);
        font-size: sp(14);
        text-align: center;
    }
    &--textless {
        min-width: sp(12);
        min-height: sp(12);
    }

    &--normal {
        background: var(--color-accent);
        color: var(--color-on-accent);
    }
    &--important {
        background: var(--color-destructive);
        color: var(--color-on-destructive);
    }
}

.menu-item--selected > .badge {
    background: var(--color-on-accent);
    color: var(--color-accent);
}