kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +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 Tag = as;
const classes = cx( 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 className
); );

2
src/components/Subheadline.tsx
View File

@@ -16,7 +16,7 @@ export const Subheadline: FunctionalComponent<Props> = ({
}) => { }) => {
const Tag = as; const Tag = as;
const classes = cx( 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 className
); );

2
src/components/Subsubheadline.tsx
View File

@@ -16,7 +16,7 @@ export const Subsubheadline: FunctionalComponent<Props> = ({
}) => { }) => {
const Tag = as; const Tag = as;
const classes = cx( 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 className
); );

2
src/components/Title.tsx
View File

@@ -15,7 +15,7 @@ export const Title: FunctionalComponent<Props> = ({
...props ...props
}) => { }) => {
const Tag = as; 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 ( return (
<Tag class={classes} {...props}> <Tag class={classes} {...props}>