chore: unbind unocss shortcut

This commit is contained in:
radishzzz 2025-03-16 00:51:39 +00:00
parent 203d0f367b
commit 5f3d9bc3c2
11 changed files with 15 additions and 19 deletions

View file

@ -19,7 +19,7 @@ const marginBottom = {
--- ---
<header class="mb-10.625 lg:fixed"> <header class="mb-10.625 lg:fixed">
<h1 class={`${marginBottom} text-8 c-primary font-bold font-title lg:text-9 w-75% lg:w-full`}> <h1 class={`${marginBottom} text-8 c-primary font-bold font-title lg:(text-9 w-full) w-75%`}>
<!-- Fix text cropping issues during view transition on ios by adding a div tag --> <!-- Fix text cropping issues during view transition on ios by adding a div tag -->
<div <div
class="box-content inline-block pr-1.25" class="box-content inline-block pr-1.25"
@ -33,7 +33,7 @@ const marginBottom = {
</h1> </h1>
{headerSubtitle && ( {headerSubtitle && (
<h2 class="w-75% text-balance text-3.5 c-secondary font-navbar lg:text-4"> <h2 class="w-75% text-balance text-3.5 c-secondary font-navbar lg:(w-full text-4)">
{headerSubtitle} {headerSubtitle}
</h2> </h2>
)} )}

View file

@ -46,7 +46,7 @@ function getPostPath(post: Post) {
{/* mobile post time */} {/* mobile post time */}
<div <div
class="uno-mobile-time" class="mb-5.625 text-3.5 leading-6.875 font-time lg:(hidden)"
transition:name={`time-${post.data.abbrlink || post.slug}-${lang}`} transition:name={`time-${post.data.abbrlink || post.slug}-${lang}`}
data-disable-transition-on-theme data-disable-transition-on-theme
> >
@ -58,7 +58,7 @@ function getPostPath(post: Post) {
{/* desktop post time */} {/* desktop post time */}
<div <div
class="uno-desktop-time" class="mb-5.625 hidden text-3.65 leading-6.875 font-time lg:(ml-2.5 inline)"
transition:name={`time-${post.data.abbrlink || post.slug}`} transition:name={`time-${post.data.abbrlink || post.slug}`}
data-disable-transition-on-theme data-disable-transition-on-theme
> >

View file

@ -22,7 +22,7 @@ const nextUrl = useSupportedLangs
<a <a
href={nextUrl} href={nextUrl}
class="uno-button" class="aspect-square w-4 c-secondary active:scale-90 hover:c-primary"
aria-label="Switch website language" aria-label="Switch website language"
> >
<svg <svg

View file

@ -1,6 +1,6 @@
<button <button
aria-label="Switch light/dark theme" aria-label="Switch light/dark theme"
class="button-theme-toggle w-4.2 uno-button" class="button-theme-toggle aspect-square w-4.2 c-secondary active:scale-90 hover:c-primary"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

View file

@ -2,4 +2,4 @@
lang: ja lang: ja
--- ---
Retypeset は [Astro](https://astro.build/) フレームワークをベースにした静的ブログテーマで、[Typography](https://astro-theme-typography.vercel.app/) からインスピレーションを得ています。新しい視覚的標準を確立し、すべてのページのレイアウトを再考することで、紙の本のような読書体験を提供し、タイポグラフィの美しさを蘇らせます。細部へのこだわりと、洗練された空間デザインが特徴です。 Retypeset は[Astro](https://astro.build/)フレームワークをベースにした静的ブログテーマで、[Typography](https://astro-theme-typography.vercel.app/)からインスピレーションを得ています。新しい視覚的標準を確立し、すべてのページのレイアウトを再考することで、紙の本のような読書体験を提供し、タイポグラフィの美しさを蘇らせます。細部へのこだわりと、洗練された空間デザインが特徴です。

View file

@ -2,4 +2,4 @@
lang: zh-tw lang: zh-tw
--- ---
Retypeset 是一款基於 [Astro](https://astro.build/) 框架的靜態博客主題,設計靈感來自 [Typography](https://astro-theme-typography.vercel.app/)。本主題通過建立全新的視覺規範,對所有頁面進行重新編排,打造紙質書頁般的閱讀體驗,再現版式之美。所見皆為細節,方寸盡顯優雅。 Retypeset 是一款基於[Astro](https://astro.build/)框架的靜態博客主題,設計靈感來自[Typography](https://astro-theme-typography.vercel.app/)。本主題通過建立全新的視覺規範,對所有頁面進行重新編排,打造紙質書頁般的閱讀體驗,再現版式之美。所見皆為細節,方寸盡顯優雅。

View file

@ -2,4 +2,4 @@
lang: zh lang: zh
--- ---
Retypeset 是一款基于 [Astro](https://astro.build/) 框架的静态博客主题,设计灵感来自 [Typography](https://astro-theme-typography.vercel.app/)。本主题通过建立全新的视觉规范,对所有页面进行重新编排,打造纸质书页般的阅读体验,再现版式之美。所见皆为细节,方寸尽显优雅。 Retypeset 是一款基于[Astro](https://astro.build/)框架的静态博客主题,设计灵感来自[Typography](https://astro-theme-typography.vercel.app/)。本主题通过建立全新的视觉规范,对所有页面进行重新编排,打造纸质书页般的阅读体验,再现版式之美。所见皆为细节,方寸尽显优雅。

View file

@ -1,4 +1,5 @@
--- ---
import type { CollectionEntry } from 'astro:content'
import Comments from '@/components/Comments/index.astro' import Comments from '@/components/Comments/index.astro'
import PostDate from '@/components/PostDate.astro' import PostDate from '@/components/PostDate.astro'
import { allLocales, defaultLocale } from '@/config' import { allLocales, defaultLocale } from '@/config'
@ -19,7 +20,7 @@ export async function getStaticPaths() {
const slugToLangs: Record<string, string[]> = {} const slugToLangs: Record<string, string[]> = {}
// 填充映射 // 填充映射
posts.forEach((post) => { posts.forEach((post: CollectionEntry<'posts'>) => {
const slug = post.data.abbrlink || post.slug const slug = post.data.abbrlink || post.slug
const lang = post.data.lang || defaultLocale const lang = post.data.lang || defaultLocale
@ -55,7 +56,7 @@ export async function getStaticPaths() {
const paths: PathItem[] = [] const paths: PathItem[] = []
// 默认语言的文章页面 (没有语言前缀) // 默认语言的文章页面 (没有语言前缀)
posts.forEach((post) => { posts.forEach((post: CollectionEntry<'posts'>) => {
if (import.meta.env.DEV || !post.data.draft) { if (import.meta.env.DEV || !post.data.draft) {
const slug = post.data.abbrlink || post.slug const slug = post.data.abbrlink || post.slug
const postLang = post.data.lang || defaultLocale const postLang = post.data.lang || defaultLocale
@ -77,7 +78,7 @@ export async function getStaticPaths() {
// 更多语言的文章页面 (有语言前缀) // 更多语言的文章页面 (有语言前缀)
allLocales.forEach((lang: string) => { allLocales.forEach((lang: string) => {
if (lang !== defaultLocale) { if (lang !== defaultLocale) {
posts.forEach((post) => { posts.forEach((post: CollectionEntry<'posts'>) => {
if ((import.meta.env.DEV || !post.data.draft) && (post.data.lang === lang || post.data.lang === '')) { if ((import.meta.env.DEV || !post.data.draft) && (post.data.lang === lang || post.data.lang === '')) {
const slug = post.data.abbrlink || post.slug const slug = post.data.abbrlink || post.slug
paths.push({ paths.push({

View file

@ -68,7 +68,7 @@ function getTagUrl(tagName: string): string {
href={getTagUrl(tagName)} href={getTagUrl(tagName)}
class={`uno-tags-style ${ class={`uno-tags-style ${
tag === tagName tag === tagName
? 'uno-tag-active' ? 'border-secondary/75 text-primary'
: '' : ''
}`} }`}
> >

View file

@ -24,7 +24,7 @@
margin-block-end:0 !important margin-block-end:0 !important
} }
.heti a { .heti a {
--at-apply: 'uno-article-underline'; --at-apply: 'underline mx-0.25em decoration-secondary/25 font-medium underline-0.075em underline-offset-0.2em hover:(c-primary decoration-secondary/75 transition)';
} }
.heti blockquote { .heti blockquote {
margin-block-start:12px; margin-block-start:12px;

View file

@ -33,14 +33,9 @@ export default defineConfig({
}, },
}, },
shortcuts: { shortcuts: {
'uno-article-underline': 'underline mx-0.25em decoration-secondary/25 font-medium underline-0.075em underline-offset-0.2em hover:(c-primary decoration-secondary/75 transition)',
'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary/75 text-primary)', 'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary/75 text-primary)',
'uno-tag-active': 'border-secondary/75 text-primary',
'uno-decorative-line': 'h-0.25 w-10 bg-secondary opacity-25', 'uno-decorative-line': 'h-0.25 w-10 bg-secondary opacity-25',
'uno-mobile-time': 'mb-5.625 text-3.5 leading-6.875 font-time lg:(hidden)',
'uno-desktop-time': 'mb-5.625 hidden text-3.65 leading-6.875 font-time lg:(ml-2.5 inline)',
'uno-tags-wrapper': 'mt-4.375 w-95% flex flex-wrap gap-3', 'uno-tags-wrapper': 'mt-4.375 w-95% flex flex-wrap gap-3',
'uno-button': 'aspect-square w-4 c-secondary active:scale-90 hover:c-primary',
}, },
rules: [ rules: [
['scrollbar-hidden', { ['scrollbar-hidden', {