vt3e.cat
1@import "./catppuccin.css";
2
3*,
4*::before,
5*::after {
6 box-sizing: border-box;
7 margin: 0;
8 padding: 0;
9 font-weight: normal;
10}
11
12body {
13 background-color: hsl(var(--base));
14 color: hsl(var(--text));
15 font-family:
16 sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
17 "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji",
18 "Segoe UI Symbol", "Noto Color Emoji";
19 font-size: 15px;
20 text-rendering: optimizeLegibility;
21 -webkit-font-smoothing: antialiased;
22 -moz-osx-font-smoothing: grayscale;
23}
24
25*,
26*::before,
27*::after {
28 --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
29 -webkit-tap-highlight-color: transparent;
30 outline: 2px solid transparent;
31 outline-offset: 4px;
32
33 transition:
34 color var(--transition),
35 background-color var(--transition),
36 box-shadow var(--transition),
37 outline var(--transition),
38 border-color var(--transition),
39 border-radius var(--transition),
40 font-weight var(--transition),
41 opacity var(--transition),
42 transform var(--transition),
43 backdrop-filter var(--transition),
44 filter var(--transition);
45
46 &:focus-visible {
47 outline-color: hsl(var(--blue));
48 }
49}
50
51a {
52 color: hsl(var(--blue));
53 text-decoration: none;
54}
55
56::selection {
57 background-color: hsl(var(--overlay0));
58 color: hsl(var(--text));
59}