sprucecss

Spruce CSS é um sistema de design e framework CSS open-source construído sobre Sass. É distribuído via npm e lançado sob a licença MIT, posicionando-se como uma fundação de baixo nível que pode ser adicionada a um projeto, em vez de um kit de componentes completo. Características descritas no README e na documentação: - Ferramentas baseadas em Sass: o framework é construído em torno de variáveis, mixins e funções Sass, e adota o sistema de módulos Sass, utilizando @use com namespacing para importações. - Superfície utilitária reduzida: depende deliberadamente de apenas algumas classes utilitárias clássicas e, de acordo com o README, não inclui um sistema de grid clássico. O projeto afirma que o framework é relativamente pequeno (cerca de 7 KB gzipped), com uma base de código reduzida e uma curva de aprendizado menor. - Voltado para autores de CSS: os autores apresentam o Spruce como uma boa escolha para pessoas que preferem escrever CSS em vez de compor classes utilitárias com marcação pesada, descrevendo-o como o código que eles se viam transportando manualmente de projeto em projeto. - Tematização: os temas são construídos com propriedades customizadas de CSS, e o suporte ao modo escuro está incluído; outros temas de cores podem ser criados da mesma maneira. - Separação de ferramentas e saída: o CSS gerado é mantido separado do framework, para que as variáveis, mixins e funções possam ser usados sem a necessidade de importar os estilos gerados. - Temas de documentação: a documentação abrange acessibilidade e inclusividade, internacionalização e impressão, além de customização, fundações Sass e páginas de elementos para tipografia, tabelas, botões, formulários e mídia. - Componentes residem em outro lugar: componentes de UI plug-and-play são mantidos em um projeto separado, o Spruce UI, em vez de estarem dentro do framework principal. Primeiros passos: o README aponta para a documentação em sprucecss.com, particularmente a página de instalação, e observa que a principal mudança para usuários de Sass existentes é o sistema de módulos mais recente. Um template inicial de acompanhamento do Eleventy (sprucecss-eleventy-starter) fornece um boilerplate com uma configuração de compilação básica. Dois outros templates são listados: Spruce Docs, um template de documentação feito com Eleventy, e Root, um template de administração com visualizações padrão e muitos componentes. Documentação e contribuição: a documentação completa está hospedada em sprucecss.com e mantida em um repositório separado, com um guia de contribuição incluído nos docs. O README também linka para o release do GitHub, o pacote npm e um workflow de teste, e menciona um logotipo claro/escuro usado nos próprios assets do projeto.