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