beuvy-runtime 0.1.0

A low-level Bevy UI kit with reusable controls and utility-class styling.
Documentation 
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

@utility input-root {
    @apply flex items-center justify-start min-h-[38px] px-[10px] rounded-control border-[var(--border-regular)] border-panel-subtle-border bg-white overflow-x-clip focus:border-control-active-border focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility textarea-root {
    @apply flex items-start justify-start min-h-[72px] px-[10px] py-[10px] rounded-control border-[var(--border-regular)] border-panel-subtle-border bg-white overflow-x-clip overflow-y-clip focus:border-control-active-border focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility input-range-root {
    @apply flex items-center justify-start min-h-[32px] overflow-visible;
}

@utility checkbox-root {
    @apply flex items-center justify-center rounded-ui border-[var(--border-regular)] border-panel-subtle-border bg-white focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility radio-root {
    @apply flex items-center justify-center rounded-pill border-[var(--border-regular)] border-panel-subtle-border bg-white focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility input-text {
    @apply text-control text-primary;
}

@utility image-root {
    @apply block overflow-visible;
}

@utility link-root {
    @apply flex items-center justify-start overflow-visible focus:outline-[var(--border-focus-outline)] focus:outline-control-focus-outline;
}

@utility link-label {
    @apply text-control;
}