kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 12:05:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add text-wrap balance to headlines

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-11 16:16:33 +02:00
parent f1d7154f2b
commit e0e37c8343
5 changed files with 987 additions and 956 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1935
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

2
src/components/Headline.tsx
View File

@@ -16,7 +16,7 @@ export const Headline: FunctionalComponent<Props> = ({
}) => {
const Tag = as;
const classes = cx(
'text-5 font-black tracking-tight mbe-10 mbs-12 dark:font-extrabold',
'text-5 font-black tracking-tight mbe-10 mbs-12 dark:font-extrabold [text-wrap:balance]',
className
);

2
src/components/Subheadline.tsx
View File

@@ -16,7 +16,7 @@ export const Subheadline: FunctionalComponent<Props> = ({
}) => {
const Tag = as;
const classes = cx(
'text-4 font-black tracking-tight mbe-8 mbs-12 dark:font-extrabold',
'text-4 font-black tracking-tight mbe-8 mbs-12 dark:font-extrabold [text-wrap:balance]',
className
);

2
src/components/Subsubheadline.tsx
View File

@@ -16,7 +16,7 @@ export const Subsubheadline: FunctionalComponent<Props> = ({
}) => {
const Tag = as;
const classes = cx(
'text-3 font-black tracking-tight mbe-5 mbs-12 dark:font-extrabold',
'text-3 font-black tracking-tight mbe-5 mbs-12 dark:font-extrabold [text-wrap:balance]',
className
);

2
src/components/Title.tsx
View File

@@ -15,7 +15,7 @@ export const Title: FunctionalComponent<Props> = ({
...props
}) => {
const Tag = as;
const classes = cx('text-7 font-black tracking-tight mbe-13 dark:font-extrabold', className);
const classes = cx('text-7 font-black tracking-tight mbe-13 dark:font-extrabold [text-wrap:balance]', className);
return (
<Tag class={classes} {...props}>