mirror of
https://github.com/SebastianStork/kita.git
synced 2026-01-21 14:31:35 +01:00
feat: update tailwindcss to v4
This commit is contained in:
parent
7b9affd848
commit
9bd80c84cc
15 changed files with 2392 additions and 2790 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<div class="flex items-center">
|
||||
<a class="text-2xl font-semibold" href="{{ get_url(path=``) }}">{{ config.title }}</a>
|
||||
<div
|
||||
class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:invert dark:[background-position:right]"
|
||||
class="btn-dark ml-4 h-6 w-6 shrink-0 cursor-pointer text-[0px] [background:url(./icons/theme.svg)_left_center/cover_no-repeat] dark:[background-position:right] dark:invert"
|
||||
role="button"
|
||||
aria-label="Dark"
|
||||
></div>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
class="block-bg relative mb-4 rounded-lg p-4 first-of-type:mt-0 last-of-type:mb-0 active:scale-95 lg:mb-6 lg:p-6"
|
||||
>
|
||||
{% if page.extra.cover.image %}
|
||||
<figure class="mb-4 mt-0">
|
||||
<figure class="mt-0 mb-4">
|
||||
<img
|
||||
class="h-auto w-full rounded-lg"
|
||||
src="{{ get_url(path=page.extra.cover.image) }}"
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
</figure>
|
||||
{% endif %}<!---->
|
||||
|
||||
<h2 class="!my-0 pb-1 font-bold !leading-none">{{ page.title }}</h2>
|
||||
<h2 class="my-0! pb-1 leading-none! font-bold">{{ page.title }}</h2>
|
||||
|
||||
<div class="not-prose my-1 truncate">
|
||||
{% if page.description %}
|
||||
|
|
@ -34,23 +34,23 @@
|
|||
|
||||
{% include "partials/page_info.html" %}
|
||||
|
||||
<a class="absolute inset-0 text-[0]" href="{{ page.permalink }}">{{ page.title }}</a>
|
||||
<a class="absolute inset-0 text-[0px]" href="{{ page.permalink }}">{{ page.title }}</a>
|
||||
</section>
|
||||
{% endfor %}
|
||||
|
||||
<!-- Main Nav -->
|
||||
{% if paginator is defined %}
|
||||
<nav class="mt-16 flex">
|
||||
<nav class="not-prose mt-16 flex font-bold">
|
||||
{% if paginator.previous %}
|
||||
<a
|
||||
class="rounded-full bg-black px-4 py-3 text-sm text-white no-underline shadow duration-100 active:scale-95 dark:bg-white/80 dark:text-black"
|
||||
class="rounded-full bg-black px-4 py-3 text-sm text-white no-underline duration-100 active:scale-95 dark:bg-white/80 dark:text-black"
|
||||
href="{{ paginator.previous }}"
|
||||
>← Prev Page</a
|
||||
>
|
||||
{% endif %}<!---->
|
||||
{% if paginator.next %}
|
||||
<a
|
||||
class="ml-auto rounded-full bg-black px-4 py-3 text-sm text-white no-underline shadow duration-100 active:scale-95 dark:bg-white/80 dark:text-black"
|
||||
class="ml-auto rounded-full bg-black px-4 py-3 text-sm text-white no-underline duration-100 active:scale-95 dark:bg-white/80 dark:text-black"
|
||||
href="{{ paginator.next }}"
|
||||
>Next Page →</a
|
||||
>
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
{% endfor %}<!---->
|
||||
{% for term_name in term_names | sort %}
|
||||
<div class="mb-2 flex flex-wrap">
|
||||
<span class="block-bg mb-1.5 mr-1.5 rounded-lg px-5 py-1.5">{{ term_name | title }} </span>
|
||||
<span class="block-bg mr-1.5 mb-1.5 rounded-lg px-5 py-1.5">{{ term_name | title }} </span>
|
||||
{% for term in page.taxonomies[term_name] %}
|
||||
<a
|
||||
class="block-bg block-hover mb-1.5 mr-1.5 rounded-lg px-5 py-1.5 no-underline"
|
||||
class="block-bg block-hover mr-1.5 mb-1.5 rounded-lg px-5 py-1.5 no-underline"
|
||||
href="{{ get_taxonomy_url(kind=term_name, name=term) | safe }}"
|
||||
>{{ term }}</a
|
||||
>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
<div class="mb-16 flex items-start">
|
||||
{% if config.extra.profile.avatar_url %}
|
||||
<div
|
||||
class="not-prose mr-5 shrink-0 rounded-full border-[0.5px] border-black/10 bg-white/50 p-3 shadow dark:bg-white/[15%]"
|
||||
class="not-prose mr-5 shrink-0 rounded-full border-[0.5px] border-black/10 bg-white/50 p-3 shadow-sm dark:bg-white/10"
|
||||
>
|
||||
<img
|
||||
class="{% if config.extra.profile.avatar_invert %}dark:invert{% endif %} my-0 aspect-square w-16 rounded-full !bg-black/5 hover:animate-spin"
|
||||
class="{% if config.extra.profile.avatar_invert %}dark:invert{% endif %} my-0 aspect-square w-16 rounded-full bg-black/5! hover:animate-spin"
|
||||
src="{{ get_url(path=config.extra.profile.avatar_url) }}"
|
||||
alt="{{ config.extra.profile.name | default(value=config.title) }}"
|
||||
/>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<nav class="flex justify-start space-x-3 dark:invert">
|
||||
{% for social in config.extra.profile.social %}
|
||||
<a
|
||||
class="primary-link h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat]"
|
||||
class="primary-link h-8 w-8 text-[0px] [background:var(--url)_center_center/cover_no-repeat]"
|
||||
style="--url: url({{ macros::get_social_icon(icon=social.name) }})"
|
||||
href="{{ social.url | replace(from=`$BASE_URL`, to=config.base_url) | safe }}"
|
||||
target="_blank"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue