sprucecss

Spruce CSS es un sistema de diseño y framework CSS de código abierto construido sobre Sass. Se distribuye a través de npm y se publica bajo la licencia MIT, posicionándose como una base de bajo nivel que puede añadirse a un proyecto en lugar de un kit de componentes completo. Características descritas en el README y la documentación: - Herramientas basadas en Sass: el framework está construido alrededor de variables, mixins y funciones de Sass, y adopta el sistema de módulos de Sass, utilizando @use con espacios de nombres para las importaciones. - Superficie de utilidades reducida: depende deliberadamente de solo unas pocas clases de utilidad clásicas y, según el README, no incluye un sistema de cuadrícula clásico. El proyecto afirma que el framework es relativamente pequeño (alrededor de 7 KB gzipped) con una base de código reducida y una curva de aprendizaje más corta. - Dirigido a autores de CSS: los autores presentan Spruce como una buena opción para quienes prefieren escribir CSS en lugar de componer clases de utilidad con marcado pesado, describiéndolo como el código que se encontraban trasladando manualmente de un proyecto a otro. - Tematización: los temas se construyen con propiedades personalizadas de CSS y se incluye soporte para el modo oscuro; se pueden crear otros temas de color de la misma manera. - Separación de herramientas y salida: el CSS generado se mantiene separado del framework, por lo que las variables, mixins y funciones pueden utilizarse sin importar los estilos generados. - Temas de documentación: la documentación cubre accesibilidad e inclusividad, internacionalización e impresión, junto con personalización, fundamentos de Sass y páginas de elementos para tipografía, tablas, botones, formularios y medios. - Los componentes residen en otro lugar: los componentes de UI listos para usar se mantienen en un proyecto separado, Spruce UI, en lugar de estar dentro del framework principal. Primeros pasos: el README remite a la documentación de sprucecss.com, particularmente a la página de instalación, y señala que el cambio principal para los usuarios existentes de Sass es el sistema de módulos más reciente. Una plantilla de inicio complementaria de Eleventy (sprucecss-eleventy-starter) proporciona un boilerplate con una configuración de compilación básica. Se enumeran otras dos plantillas: Spruce Docs, una plantilla de documentación hecha con Eleventy, y Root, una plantilla de administración con vistas estándar y muchos componentes. Documentación y contribución: la documentación completa está alojada en sprucecss.com y se mantiene en un repositorio separado, con una guía de contribución incluida en los documentos. El README también enlaza al lanzamiento de GitHub, al paquete de npm y a un flujo de trabajo de prueba, y menciona un logotipo claro/oscuro utilizado en los activos del propio proyecto.