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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

@import url("https://rsms.me/inter/inter.css");
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono&family=Merriweather&display=swap");

@mixin font-stack() {
    @supports not (font-variation-settings: normal) {
        font-family: Inter, sans-serif;
    }

    @supports (font-variation-settings: normal) {
        font-family: InterVariable, sans-serif;
    }
}

* {
    scroll-behavior: smooth;
}

@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.5s;
}

html {
    text-rendering: optimizeLegibility;
    @include font-stack;
}

body {
    --border-radius: #{sp($border-radius)};
    margin: 0;
    font-size: sp(14);
    background: var(--background);
    color: var(--color-text);
    height: 100dvh;
}

.app-themes {
    &--auto {
        @media (prefers-color-scheme: light) {
            @include palette("light");
        }
        @media (prefers-color-scheme: dark) {
            @include palette("dark");
        }
    }

    &--light {
        @include palette("light");
    }

    &--dark {
        @include palette("dark");
    }
}

#floating-element-wrapper {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}
.icon {
    display: block;
}