Sierra es una hermosa biblioteca de IU oscura construida en Sass
En un mundo lleno de marcos frontend, Puede ser difícil clasificar a través de todas las opciones. Pero, si eres un amante Sass entonces Sierra es el mejor nuevo marco de interfaz de usuario ver.
Es totalmente personalizable y corre completamente en codigo SCSS. Esto significa que viene con docenas de Parciales de SCSS y bibliotecas relacionadas que todos se fusionan en una biblioteca de interfaz de usuario potente (y gratuita).
Cuando los desarrolladores escuchan sobre una nueva biblioteca Sass, generalmente se asume que es un conjunto de mixins. Pero sierra es más que variables y mixins. Esta biblioteca es un marco de interfaz de usuario verdaderamente azul con estilos personalizados para rejillas, tipografía, mesas, botones, formas, y prácticamente cualquier cosa que necesites para diseñar un sitio web.
En total, la biblioteca pesa. alrededor de 34kb sin comprimir, Lo que puede parecer grande. Pero considerando todo lo que obtienes, tiene un buen tamaño y está lejos del bulkiest (para referencia, el CSS de Bootstrap mide aproximadamente 115 kb sin comprimir).
Trabajando en Sierra, obtienes opciones completamente personalizables para cambiar las cuadrículas, el relleno, el espaciado, los tamaños de fuente / familias, los colores y mucho más. Todo está controlado a través de SCSS y cada biblioteca es dividido en diferentes archivos para una organización más simple.
La biblioteca de UI viene con docenas de estilos frontend Para los elementos de página más comunes.:
- Párrafos y encabezados
- Botones
- Entradas de formulario (desplegables, radios, etc)
- Mesas
- Paginación
- Alineaciones izquierda / derecha
- Barras de carga personalizadas
Todos estos elementos se pueden ver en la página de demostración que utiliza un esquema de color más oscuro. Por defecto, Sierra es un biblioteca oscura de la interfaz de usuario pero dado que todos los colores son fáciles de cambiar, puede hacerlo funcionar para cualquier estilo de sitio web.
Mi única queja es la falta de documentación de fácil acceso. Sierra se encuentra actualmente en la v2.0, sin embargo, incluso el repo principal es escaso en las sugerencias de instalación y personalización.
Afortunadamente, la lista de desarrolladores todas las variables principales puedes cambiar en el _variables.scss expediente. Estas variables se importan para todos los demás archivos de Sierra SCSS, lo que significa que Solo hay que cambiar los colores en un solo lugar. para que trabajen en todas partes.
Sierra está lejos de ser perfecta, pero es una de las pocas bibliotecas de UI basadas en Sass en la web..
Si quieres intentarlo, visita el sitio web principal para demos y más detalles. Y, si está realmente atascado, puede intentar abrir una pregunta en la página de problemas de GitHub o enviar un mensaje al creador Joan Claret para obtener más detalles..
