Documentación completa

StellarStyles.css es la alternativa definitiva a normalize.css, diseñada para ofrecerte una base sólida y moderna para tus proyectos CSS.

¿Por qué elegir StellarStyles.css?

• Sólida Alternativa a Normalize.css: solución más completa y moderna para las diferencias entre navegadores.
• Estilos Modernos y Mejorados: corrige problemas comunes y se adapta a los navegadores más populares.
• Optimización para la Mayor Compatibilidad: soporte extendido, eliminando incompatibilidades innecesarias.
• Configuración Sencilla: fácil de integrar y personalizar.
• Mantenimiento Activo: actualizaciones constantes según los estándares web.

Instalación

npm install stellarstyles.css

Incluye el CSS en tu archivo principal:

import "stellarstyles.css";

Compatibilidad con Encabezados <h1> Anidados

Desde 2025, los navegadores dejaron de aplicar estilos automáticos jerárquicos a los encabezados <h1> dentro de <section>, <article>, etc. Esto genera advertencias si no defines tamaños explícitos. StellarStyles soluciona esto:

:where(h1) {
  font-size: 2em;
  margin-block: 0.67em;
}

Selección y subrayado (opcional)

Este módulo aplica estilos consistentes para ::selection y control de subrayado, mejorando la accesibilidad visual del texto seleccionado.

import "stellarstyles.css/selection";

Este archivo no se aplica por defecto. Solo si lo importas explícitamente.

Beneficios

• Separación clara: estilos modernos por defecto, jerarquía opcional aparte.
• Evita sorpresas: no afecta a quienes no lo necesiten.
• Fácil mantenimiento: si los navegadores cambian, solo se actualiza el archivo legacy.

Contribuciones y Soporte

¿Deseas contribuir? Visita nuestro repositorio en GitHub.