Shoelace.css es una librería CSS ligera y que mira hacia el futuro pues esta creada usando la sintaxis mas avanzada de CSS3 para aprovechar todas las ventajas que nos ofrecen los navegadores modernos.
Los usuarios de Bootstrap lo encontrarán familiar, pero sin duda les sera refrescante.
Puedes usar Shoelace con casi cualquier navegador. La versión CDN es ideal para la creación de prototipos, pero para aprovechar todas sus características debes configurar Shoelace a partir del código fuente y asi personalizar a tu gusto la librería.
Ejemplo :
:root {
/* CSS variables */
--state-primary: #09d;
/* Color functions */
--alert-bg-color: color(var(--state-primary) tint(75%));
--alert-color: color(var(--state-primary) lightness(25%));
}
/* Nested selectors */
.alert {
background-color: var(--alert-bg-color);
color: var(--alert-color);
&.alert-lg {
font-size: 2rem;
}
}
CSS tiene un futuro muy prometedor, y puedes usar la mayoría de sus próximas características hoy con Shoelace + cssnext. Ya no necesita Less o Sass para hacer cosas increíbles con CSS.
Shoelace fue creado por @claviska para Surreal CMS.
Enlace [ Shoelace ]
