1 estrella en GitHub = 1 componente nuevo.

Dar una estrella
Tipografía typographyluxuryheaders

Cinematic Typography

Titular en mayúsculas con espaciado entre letras ultra ancho para estilo editorial de lujo.

Cinematic Typography

Uso

Copia y pega este código directamente en tu página de Astro:

astro 
---
import { CinematicTypography } from 'astro-component-kit';
---

<LetterSpacingWide>Content</LetterSpacingWide>
--- import { CinematicTypography } from 'astro-component-kit'; --- <LetterSpacingWide>Content</LetterSpacingWide>

Instalación Manual

Si no estás usando el paquete npm, crea un archivo nuevo y pega el siguiente código: src/components/lib/CinematicTypography.astro:

astro 
---
---
<div class="cinema-txt"><slot /></div>
<style>
  .cinema-txt { color: #fff; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.8em; text-transform: uppercase; text-align: center; line-height: 1.5; }
</style>
--- --- <div class="cinema-txt"><slot /></div> <style> .cinema-txt { color: #fff; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.8em; text-transform: uppercase; text-align: center; line-height: 1.5; } </style>

Información Rápida

Categoría
Tipografía
Nombre de archivo
CinematicTypography.astro
Dependencias
Ninguna — Astro nativo + CSS puro
Etiquetas
typographyluxuryheaders