aylac.top
1@import "tailwindcss";
2@import "../../static/fonts/inter/inter.css";
3@import "../../static/fonts/ibm-plex-mono/ibm-plex-mono.css";
4
5@plugin "@iconify/tailwind4" {
6 /* biome-ignore lint/correctness/noUnknownProperty: this works dude idk how to set it properly */
7 prefixes: gravity-ui;
8}
9
10:root {
11 --font-sans: "InterVariable", ui-sans-serif, sans-serif;
12 --font-mono: "IBM Plex Mono", ui-monospace, monospace;
13}
14
15@supports (font-variation-settings: normal) {
16 html {
17 font-feature-settings:
18 "kern" 1,
19 "liga" 1,
20 "cv05" 1,
21 "tnum" 1;
22 }
23}
24
25@utility btn {
26 @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center justify-center bg-transparent px-2 pb-[0.2rem] text-sm text-gray-900 before:absolute before:inset-0 before:-z-10 before:block before:rounded before:border before:border-gray-200 before:bg-white before:shadow-[inset_0_-2px_0_0_rgba(0,0,0,0.1),0_1px_0_0_rgba(0,0,0,0.04)] before:content-[''] before:transition-all before:duration-150 before:ease-in-out hover:before:shadow-[inset_0_-2px_0_0_rgba(0,0,0,0.15),0_2px_1px_0_rgba(0,0,0,0.06)] hover:before:bg-gray-50 dark:hover:before:bg-gray-700 active:before:shadow-[inset_0_2px_2px_0_rgba(0,0,0,0.1)] focus:outline-none focus-visible:before:outline-2 focus-visible:before:outline-gray-400 disabled:cursor-not-allowed disabled:opacity-50 dark:text-gray-100 dark:before:bg-gray-800 dark:before:border-gray-700;
27}
28
29@utility btn-create {
30 @apply btn text-white before:bg-green-600 hover:before:bg-green-700 dark:before:bg-green-700 dark:hover:before:bg-green-800 before:border before:border-green-700 hover:before:border-green-800 focus-visible:before:outline-green-500 disabled:before:bg-green-400 dark:disabled:before:bg-green-600;
31}