Sierra é uma biblioteca de UI bonita e escura construída sobre Sass
Em um mundo cheio de estruturas de frontend, Pode ser difícil classificar através de todas as opções. Mas, se você é um amante Sass, então Serra é o mais legal novo quadro de interface do usuário assistir.
É totalmente personalizável e roda inteiramente no código SCSS. Isso significa que vem com dezenas de Parciais SCSS e bibliotecas relacionadas que todos se fundem em uma biblioteca de UI poderosa (e gratuita).
Quando os desenvolvedores ouvem sobre uma nova biblioteca Sass, geralmente é considerado um conjunto de mixins. Mas a Sierra é mais do que apenas variáveis e mixins. Esta biblioteca é uma estrutura de interface de usuário true-blue com estilos personalizados para grades, tipografia, mesas, botões, formulários, e praticamente tudo que você precisa para criar um site.
No total, a biblioteca pesa cerca de 34kb não comprimidos, o que pode parecer grande. Mas, considerando tudo o que você obtém, é um bom tamanho e longe dos mais volumosos (como referência, o CSS do Bootstrap mede 115kb descompactado).
Trabalhando na Sierra, você ganha opções totalmente personalizáveis para alterar grades, preenchimento, espaçamento, tamanhos de fonte / famílias, cores e muito mais. Tudo é controlado via SCSS e cada biblioteca é dividido em arquivos diferentes para uma organização mais simples.
A biblioteca de interface do usuário vem com dezenas de estilos frontend para os elementos de página mais comuns:
- Parágrafos e cabeçalhos
- Botões
- Formulário de entradas (dropdowns, rádios, etc)
- Tabelas
- Paginação
- Alinhamentos esquerda / direita
- Barras de carregamento personalizadas
Todos esses elementos podem ser vistos na página de demonstração, que usa um esquema de cores mais escuro. Por padrão, a Sierra é um biblioteca de interface do usuário escura mas como todas as cores são fáceis de mudar, você pode fazê-lo funcionar para qualquer estilo de website.
Minha única reclamação é a falta de documentação de fácil acesso. A Sierra está atualmente na v2.0, mas mesmo o repositório principal é escasso nas dicas de instalação e personalização.
Felizmente, a lista de desenvolvedores todas as principais variáveis você pode mudar no _variables.scss Arquivo. Essas variáveis são importadas para todos os outros arquivos do Sierra SCSS, o que significa que você só precisa mudar as cores em um só lugar para fazê-los funcionar em qualquer lugar.
Sierra está longe de ser perfeita, mas é uma das poucas bibliotecas de interface do usuário baseadas em Sass na web.
Se você quiser experimentar, confira o site principal para demonstrações e mais detalhes. E, se você estiver realmente preso, pode tentar abrir uma pergunta na página de problemas do GitHub ou enviar uma mensagem para o criador Joan Claret para mais detalhes..
