SebinNyshkim/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ upgrade to tailwind v4

Browse source
This commit is contained in:
Sebin Nyshkim 2025-01-30 18:27:37 +01:00
parent 6bacdd4a1c
commit 4a444614bc
8 changed files with 30 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/blogpost.njk
View file

@ -10,7 +10,7 @@ layout: base.njk
{% if image and image.credit != '' %}
data-credit="{{ image.credit }}"
{% endif %}
class="relative mb-8 grid min-h-96 grid-flow-row grid-rows-article-header place-items-center space-y-6 bg-cover bg-center pb-8 pt-20 px-safe-offset-8 *:z-10 before:absolute before:inset-0 before:bg-slate-300 before:bg-opacity-65 after:absolute after:bottom-0 after:right-0 after:z-10 after:rounded-tl-md after:bg-black after:px-2 after:py-1 after:text-xs after:text-white after:content-[attr(data-credit)] sm:min-h-128 sm:pt-28 md:pt-32 after:md:text-sm lg:mb-12 lg:min-h-160 lg:pb-12 lg:px-safe-offset-12 2xl:min-h-192 before:dark:bg-slate-900 before:dark:bg-opacity-65"
class="relative mb-8 grid min-h-96 grid-flow-row grid-rows-article-header place-items-center space-y-6 bg-cover bg-center pb-8 pt-20 px-safe-offset-8 *:z-10 before:absolute before:inset-0 before:bg-slate-300 before:bg-opacity-65 after:absolute after:bottom-0 after:right-0 after:z-10 after:rounded-tl-md after:bg-black after:px-2 after:py-1 after:text-xs after:text-white after:content-[attr(data-credit)] sm:min-h-128 sm:pt-28 md:pt-32 md:after:text-sm lg:mb-12 lg:min-h-160 lg:pb-12 lg:px-safe-offset-12 2xl:min-h-192 dark:before:bg-slate-900 dark:before:bg-opacity-65"
>
<div class="prose prose-slate mx-auto md:prose-lg lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal">
<h1 class="text-balance text-center">{{ title }}</h1>
@ -31,7 +31,7 @@ layout: base.njk
</div>
</header>
<section class="prose prose-slate mx-auto px-safe-offset-4 md:prose-lg lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-blockquote:relative prose-blockquote:border-none prose-blockquote:px-6 prose-blockquote:py-10 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:text-inherit before:prose-blockquote:absolute before:prose-blockquote:left-0 before:prose-blockquote:right-0 before:prose-blockquote:top-8 before:prose-blockquote:-z-10 before:prose-blockquote:text-center before:prose-blockquote:text-8xl before:prose-blockquote:leading-[0] before:prose-blockquote:text-sky-600 before:prose-blockquote:content-[open-quote] after:prose-blockquote:absolute after:prose-blockquote:-bottom-5 after:prose-blockquote:left-0 after:prose-blockquote:right-0 after:prose-blockquote:-z-10 after:prose-blockquote:text-center after:prose-blockquote:text-8xl after:prose-blockquote:leading-[0] after:prose-blockquote:text-sky-600 after:prose-blockquote:content-[close-quote] before:prose-p:prose-blockquote:content-none after:prose-p:prose-blockquote:content-none first:prose-p:prose-blockquote:mt-0 last:prose-p:prose-blockquote:mb-0 prose-figcaption:text-center prose-strong:font-bold prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl md:px-safe-offset-6 md:prose-blockquote:px-16 md:prose-blockquote:py-3 md:prose-blockquote:text-left md:before:prose-blockquote:top-0 md:before:prose-blockquote:text-left md:before:prose-blockquote:text-9xl md:after:prose-blockquote:-bottom-16 md:after:prose-blockquote:text-right md:after:prose-blockquote:text-9xl">
<section class="prose prose-slate mx-auto px-safe-offset-4 md:prose-lg lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-blockquote:relative prose-blockquote:border-none prose-blockquote:px-6 prose-blockquote:py-10 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:text-inherit prose-blockquote:before:absolute prose-blockquote:before:left-0 prose-blockquote:before:right-0 prose-blockquote:before:top-8 prose-blockquote:before:-z-10 prose-blockquote:before:text-center prose-blockquote:before:text-8xl prose-blockquote:before:leading-0 prose-blockquote:before:text-sky-600 prose-blockquote:before:content-[open-quote] prose-blockquote:after:absolute prose-blockquote:after:-bottom-5 prose-blockquote:after:left-0 prose-blockquote:after:right-0 prose-blockquote:after:-z-10 prose-blockquote:after:text-center prose-blockquote:after:text-8xl prose-blockquote:after:leading-0 prose-blockquote:after:text-sky-600 prose-blockquote:after:content-[close-quote] prose-blockquote:prose-p:before:content-none prose-blockquote:prose-p:after:content-none prose-blockquote:prose-p:first:mt-0 prose-blockquote:prose-p:last:mb-0 prose-figcaption:text-center prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl md:px-safe-offset-6 md:prose-blockquote:px-16 md:prose-blockquote:py-3 md:prose-blockquote:text-left md:prose-blockquote:before:top-0 md:prose-blockquote:before:text-left md:prose-blockquote:before:text-9xl md:prose-blockquote:after:-bottom-16 md:prose-blockquote:after:text-right md:prose-blockquote:after:text-9xl">
{{ content | safe }}
</section>
</article>