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