Mirror of the sourcecode for my blog, original repo: https://github.com/NobbZ/blog-nobbz-dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115/* SPDX-FileCopyrightText: 2025 Norbert Melzer SPDX-FileContributor: Norbert Melzer
SPDX-License-Identifier: MIT */
@tailwind base;@tailwind components;@tailwind utilities;
* { --text-color: rgb(var(--ctp-text)); --highlight-color: rgb(var(--ctp-rosewater));}
body {}
#main { article { h1 { @apply text-4xl; @apply font-extrabold; @apply text-[--text-color]; } h2 { @apply text-3xl; @apply font-extrabold; @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_15%)]; } h3 { @apply text-2xl; @apply font-bold; @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_30%)]; } h4 { @apply text-xl; @apply font-bold; @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_45%)]; } h5 { @apply text-lg; @apply font-bold; @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_60%)]; } h6 { @apply text-base; @apply font-bold; @apply text-[color-mix(in_srgb,var(--text-color),var(--highlight-color)_75%)]; }
strong { color: var(--highlight-color); }
a { @apply text-[rgb(var(--ctp-blue))]; }
pre { @apply m-2; @apply p-1; @apply rounded-[4px]; }
p, ul, ol, h1, h2, h3, h4, h5, h6 { code { @apply bg-[color-mix(in_srgb,var(--background-color),var(--text-color)_15%)]; @apply p-0.5; @apply rounded-sm; } }
p { @apply my-2; }
ol { @apply list-decimal; @apply list-outside; @apply pl-8; }
ul { @apply list-disc; @apply list-outside; @apply pl-8; }
blockquote { @apply pl-3; @apply ml-1; @apply py-3; @apply my-1; @apply border-[var(--highlight-color)]; @apply border-solid; @apply border-l-2; }
pre { @apply [&::-webkit-scrollbar]:w-2; @apply [&::-webkit-scrollbar]:h-2; @apply [&::-webkit-scrollbar-track]:bg-surface2; @apply [&::-webkit-scrollbar-thumb]:bg-surface0; } }}