nobbz.dev
1/* SPDX-FileCopyrightText: 2025 Norbert Melzer
2 SPDX-FileContributor: Norbert Melzer
3
4 SPDX-License-Identifier: MIT */
5
6@import "tailwindcss";
7@import "@catppuccin/tailwindcss/mocha.css";
8
9* {
10 --text-color: var(--catppuccin-color-text);
11 --highlight-color: var(--catppuccin-color-rosewater);
12}
13
14body {
15}
16
17#main {
18 article {
19 h1 {
20 @apply text-4xl;
21 @apply font-extrabold;
22 @apply text-(--text-color);
23 }
24 h2 {
25 @apply text-3xl;
26 @apply font-extrabold;
27 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_15%)];
28 }
29 h3 {
30 @apply text-2xl;
31 @apply font-bold;
32 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_30%)];
33 }
34 h4 {
35 @apply text-xl;
36 @apply font-bold;
37 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_45%)];
38 }
39 h5 {
40 @apply text-lg;
41 @apply font-bold;
42 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_60%)];
43 }
44 h6 {
45 @apply text-ctp-base;
46 @apply font-bold;
47 @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_75%)];
48 }
49
50 strong {
51 color: var(--highlight-color);
52 }
53
54 a {
55 @apply text-(--catppuccin-color-blue);
56 }
57
58 pre {
59 @apply m-2;
60 @apply p-1;
61 @apply rounded-[4px];
62 }
63
64 p,
65 ul,
66 ol,
67 h1,
68 h2,
69 h3,
70 h4,
71 h5,
72 h6 {
73 code {
74 @apply bg-[color-mix(in_srgb,var(--background-color),var(--text-color)_15%)];
75 @apply p-0.5;
76 @apply rounded-sm;
77 }
78 }
79
80 p {
81 @apply my-2;
82 }
83
84 ol {
85 @apply list-decimal;
86 @apply list-outside;
87 @apply pl-8;
88 }
89
90 ul {
91 @apply list-disc;
92 @apply list-outside;
93 @apply pl-8;
94 }
95
96 blockquote {
97 @apply pl-3;
98 @apply ml-1;
99 @apply py-3;
100 @apply my-1;
101 @apply border-[var(--highlight-color)];
102 @apply border-solid;
103 @apply border-l-2;
104 }
105
106 pre {
107 @apply [&::-webkit-scrollbar]:w-2;
108 @apply [&::-webkit-scrollbar]:h-2;
109 @apply [&::-webkit-scrollbar-track]:bg-ctp-surface2;
110 @apply [&::-webkit-scrollbar-thumb]:bg-ctp-surface0;
111 }
112 }
113}