axonyx-ui 0.0.36

Foundry CSS, JavaScript helpers, and Axonyx-native .ax components for Axonyx UI.
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

.ax-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--ax-text-muted);
}

.ax-rating__stars {
    --ax-rating-percent: calc((var(--ax-rating-value, 0) / 5) * 100%);

    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.08em;
    background:
        linear-gradient(90deg, var(--ax-primary) var(--ax-rating-percent), color-mix(in srgb, var(--ax-text-muted) 28%, transparent) var(--ax-rating-percent));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ax-rating[data-size='lg'] .ax-rating__stars {
    font-size: 1.35rem;
}

.ax-rating__label {
    color: var(--ax-text-muted);
    font-size: 0.88rem;
}