Componentes SCSS
Portfolio de todos los componentes disponibles. Cambia el tema editando
_variables.scss y los cambios se propagan a toda la aplicación.
Tipografía
Texto body — La convención sobre configuración (Convention over Configuration) es el principio central de Rails.
Texto small / secundario — color muted.
Texto xs / metadata — color dim.
text-mono / inline code
text-accent
text-success
text-warning
text-error
text-muted
text-dim
Botones
Variantes
Tamaños
Disabled
Con iconos
Badges
Variantes semánticas
Pill / redondeado
Con indicador de estado
Tamaño large
Cards
Variantes
Default Card
Estilo base con hover de traslación y borde accent.
Accent Card
Gradiente sutil de acento en el fondo. Ideal para destacar.
Flat Card
Sin traslación en hover. Borde accent al pasar el cursor.
Glass Card
Efecto glassmorphism con backdrop-filter blur.
Formularios
Alerts
Despliegue completado
La versión 2.4.1 se ha desplegado correctamente en producción.
Migración pendiente
Hay 3 migraciones sin ejecutar. Ejecuta rails db:migrate.
Error de conexión
No se puede conectar con la base de datos. Verifica las credenciales.
Nueva versión disponible
Rails 8.1 ya está disponible. Revisa el CHANGELOG antes de actualizar.
Rails red alert
Variante con el color accent de la aplicación.
Feature Card
El mismo componente .feature-card que usa la home. Alias de .card.
Reutilizable
Todos los componentes usan las variables de _variables.scss.
Cambia el Tema
Modifica $color-accent en _variables.scss y todo cambia.
Sin dependencias
SCSS puro. Sin Bootstrap, sin Tailwind. Todo hecho a medida.