Sierra est une belle bibliothèque d'interface utilisateur sombre construite sur Sass

Dans un monde plein de cadres frontaux, il peut être difficile de trier toutes les options. Mais si vous êtes un amoureux du Sass, alors Sierra est le le plus cool nouveau cadre d'interface utilisateur regarder.

Il est entièrement personnalisable et fonctionne entièrement sur le code SCSS. Cela signifie qu'il vient avec des dizaines de SCSS partiels et bibliothèques apparentées que tous fusionnent ensemble dans une bibliothèque d'interface utilisateur puissante (et libre).

Lorsque les développeurs entendent parler d'une nouvelle bibliothèque Sass, on suppose généralement qu'il s'agit d'un ensemble de mixins. Mais Sierra est plus que des variables et des mixins. Cette bibliothèque est un framework d’interface utilisateur en vrai bleu avec styles personnalisés pour grilles, typographie, les tables, boutons, formes, et à peu près tout ce dont vous auriez besoin pour concevoir un site Web.

Au total, la bibliothèque pèse environ 34kb non compressé, qui peut sembler grand. Mais compte tenu de tout ce que vous obtenez, il est de bonne taille et loin du plus encombrant (pour référence, le CSS de Bootstrap mesure environ 115 Ko non compressé).

Travailler dans la Sierra, vous obtenez options entièrement personnalisables pour changer de grille, de remplissage, d'espacement, de tailles / familles de polices, de couleurs et bien plus encore. Tout est contrôlé via SCSS et chaque bibliothèque est divisé en différents fichiers pour une organisation plus simple.

La bibliothèque de l'interface utilisateur est fournie avec des dizaines de styles frontaux pour les éléments de page les plus courants:

Paragraphes et en-têtes
Boutons
Entrées de formulaire (listes déroulantes, radios, etc.)
les tables
Pagination
Alignements gauche / droite
Barres de chargement personnalisées

Tous ces éléments sont visibles sur la page de démonstration qui utilise un jeu de couleurs plus sombre. Par défaut, Sierra est un bibliothèque d'interface utilisateur sombre mais puisque toutes les couleurs sont faciles à changer, vous pouvez le faire fonctionner pour n'importe quel style de site Web.

Mon seul reproche est le manque de documentation facilement accessible. Sierra est actuellement en version 2.0, mais même le référentiel principal est clairsemé dans les conseils d'installation et de personnalisation..

Heureusement, la liste des développeurs toutes les variables principales vous pouvez changer dans le _variables.scss fichier. Ces variables sont importées pour tous les autres fichiers Sierra SCSS, ce qui signifie que vous seulement besoin de changer les couleurs en un seul endroit pour les faire travailler partout.

Sierra est loin d'être parfait, mais c'est l'une des rares bibliothèques d'interface utilisateur basée sur Sass sur le Web..

Si vous voulez essayer, consultez le site Web principal pour démos et autres détails. Et si vous êtes vraiment bloqué, vous pouvez ouvrir une question sur la page des problèmes de GitHub ou contacter le créateur Joan Claret pour obtenir plus de détails..