ahmido
cebd5ee1b0
Some checks failed
Main Confidence / confidence (push) Failing after 50s
Automated commit by agent: commits workspace changes for feature 217-homepage-hero. Please review and merge into `dev`. Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #259
23 lines
996 B
Plaintext
23 lines
996 B
Plaintext
---
|
|
interface Props {
|
|
as?: keyof HTMLElementTagNameMap;
|
|
class?: string;
|
|
size?: 'card' | 'display' | 'page' | 'section';
|
|
}
|
|
|
|
const { as = 'h2', class: className = '', size = 'section' } = Astro.props;
|
|
const Tag = as;
|
|
const sizeClasses = {
|
|
display:
|
|
'font-[var(--font-display)] font-bold text-[length:var(--type-display-size)] leading-[var(--line-display)] tracking-[var(--tracking-display)]',
|
|
page: 'font-[var(--font-display)] font-semibold text-[length:var(--type-page-size)] leading-[var(--line-heading)] tracking-[var(--tracking-tight)]',
|
|
section:
|
|
'font-[var(--font-display)] font-semibold text-[length:var(--type-section-size)] leading-[var(--line-heading)] tracking-[var(--tracking-tight)]',
|
|
card: 'font-medium text-[length:var(--type-card-size)] leading-[1.18] tracking-[var(--tracking-tight)]',
|
|
};
|
|
---
|
|
|
|
<Tag class:list={['m-0 text-[var(--color-ink-900)] [&>.accent]:text-[var(--color-primary)]', sizeClasses[size], className]}>
|
|
<slot />
|
|
</Tag>
|