Sierra er et smukt mørkt brugerbibliotek bygget på Sass
I en verden fuld af frontend rammer, Det kan være svært at sortere gennem alle mulighederne. Men hvis du er en Sass elsker da Sierra er sejeste nye brugergrænseflade at se.
Det er fuldt tilpasset og kører udelukkende på SCSS-kode. Det betyder, at det kommer med snesevis af SCSS delvist og relaterede biblioteker som alle fusionerer sammen i et kraftfuldt (og frit) UI-bibliotek.
Når udviklere hører om et nyt Sass-bibliotek, antages det normalt at være et sæt mixins. Men Sierra er mere end bare variabler og mixins. Dette bibliotek er en sandblå brugergrænseflade med brugerdefinerede stilarter til gitre, typografi, tabeller, knapper, formularer, og stort set alt hvad du behøver for at designe et websted.
I alt vejer biblioteket omkring 34kb ukomprimeret, som kan virke stort. Men i betragtning af alt, hvad du får, er det en god størrelse og langt fra den største bulldog derude (til reference, Bootstraps CSS måler omkring 115kb ukomprimeret).
Arbejder i Sierra, får du fuldt tilpassede muligheder til at ændre gitter, polstring, mellemrum, skriftstørrelser / familier, farver og meget mere. Det styres alt sammen via SCSS og hvert bibliotek er opdelt i forskellige filer for enklere organisation.
UI-biblioteket leveres med snesevis af frontend-stilarter for de mest almindelige sideelementer:
- Punkter og overskrifter
- Knapper
- Formindgange (dropdowns, radioer osv.)
- Borde
- Pagination
- Venstre / højre justeringer
- Tilpassede indlæsningsfelter
Alle disse elementer kan ses på demoversiden, der bruger et mørkere farveskema. Som standard er Sierra en a mørke brugergrænseflade bibliotek men da alle farver er lette at ændre kan du få det til at fungere for enhver stil på hjemmesiden.
Min eneste klage er den mangel på let tilgængelig dokumentation. Sierra er i øjeblikket i v2.0, men selv de vigtigste repo er sparsomme på installation og tilpasning tips.
Heldigvis, udviklerne liste alle de vigtigste variabler du kan ændre i _variables.scss fil. Disse variabler bliver importeret til alle andre Sierra SCSS-filer, hvilket betyder dig behøver kun at ændre farver på ét sted at få dem til at arbejde overalt.
Sierra er langt fra perfekt, men det er et af de få Sass-baserede web-biblioteker på internettet.
Hvis du vil prøve det, så kig på hovedwebstedet for demoer og yderligere detaljer. Og hvis du virkelig sidder fast, kan du prøve at åbne et spørgsmål på GitHub-problemerne eller sende beskeder til skaberen Joan Claret for flere detaljer.
