apps/kit/src/app.pcss


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

/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;

html {
    background-color: white;
}

pre {
    font-family: monospace !important;
}

*:focus-visible {
    outline: 1px auto;
}

.c-disabled {
    cursor: not-allowed !important;
    filter: opacity(.45);
    pointer-events: none !important;
}

.c-disabled.loading {
    cursor: wait !important;
}

.link {
    @apply text-blue-600 hover:text-blue-700 transition duration-300 ease-in-out mb-4;

    &.danger {
        @apply text-red-600 hover:text-red-700;
    }

    &.active {
        @apply underline
    }
}