Sierra ist eine schöne dunkle UI-Bibliothek, die auf Sass gebaut ist

In einer Welt voller Frontend-Frameworks, Es kann schwierig sein, alle Optionen zu sortieren. Aber wenn Sie ein Sass-Liebhaber sind Sierra ist der coolstes neues UI-Framework sehen.

Es ist vollständig anpassbar und läuft vollständig auf SCSS-Code. Das heißt, es kommt mit Dutzenden von SCSS-Partials und verwandte Bibliotheken dass alle in einer leistungsstarken (und kostenlosen) UI-Bibliothek zusammengeführt werden.

Wenn Entwickler von einer neuen Sass-Bibliothek erfahren, wird normalerweise davon ausgegangen, dass es sich um Mixins handelt. Aber Sierra ist mehr als nur Variablen und Mixins. Diese Bibliothek ist ein true-blue UI-Framework mit benutzerdefinierte Stile zum Gitter, Typografie, Tische, Tasten, Formen, und so ziemlich alles, was Sie benötigen, um eine Website zu gestalten.

Insgesamt wiegt die Bibliothek ca. 34kb unkomprimiert, das kann groß erscheinen. Aber in Anbetracht dessen, was man bekommt, ist es eine gute Größe und weit entfernt vom größten Umfang (als Referenz, Bootstraps CSS misst etwa 115 KB unkomprimiert)..

In Sierra zu arbeiten, bekommst du vollständig anpassbare Optionen Zum Wechseln von Rastern, Füllungen, Abständen, Schriftgrößen / -familien, Farben und vielem mehr. Es wird alles über SCSS gesteuert und jede Bibliothek ist in verschiedene Dateien aufgeteilt für eine einfachere Organisation.

Die UI-Bibliothek enthält Dutzende von Frontend-Stilen für die häufigsten Seitenelemente:

Absätze und Kopfzeilen
Tasten
Formulareingaben (Dropdowns, Funkgeräte usw.)
Tabellen
Seitennummerierung
Links / Rechts-Ausrichtungen
Benutzerdefinierte Ladebalken

Alle diese Elemente sind auf der Demoseite zu sehen, die ein dunkleres Farbschema verwendet. Sierra ist standardmäßig ein dunkle UI-Bibliothek Da alle Farben einfach zu ändern sind, können Sie sie für jeden Website-Stil verwenden.

Meine einzige Beschwerde ist die Mangel an leicht zugänglichen Unterlagen. Sierra ist derzeit in der Version 2.0, aber selbst das Haupt-Repo ist sparsam mit Installations- und Anpassungstipps.

Zum Glück die Entwicklerliste alle Hauptvariablen Sie können im ändern _variables.scss Datei. Diese Variablen werden für alle anderen Sierra SCSS-Dateien importiert, was Sie bedeutet Sie müssen nur die Farben an einem Ort ändern um sie überall zum Laufen zu bringen.

Sierra ist alles andere als perfekt, aber es ist eine der wenigen Sass-basierten UI-Bibliotheken im Web.

Wenn Sie es ausprobieren möchten, besuchen Sie die Haupt-Website für Demos & weitere Details. Und wenn Sie wirklich nicht weiterkommen, können Sie versuchen, eine Frage auf der GitHub-Problemseite zu öffnen oder dem Ersteller Joan Claret mitzuteilen, um weitere Informationen zu erhalten.