Sierra er et vakkert mørkt UI-bibliotek bygget på Sass
I en verden full av frontend rammer, Det kan være tøft å sortere gjennom alle alternativene. Men hvis du er en Sass elsker da Sierra er den kuleste nye brukergrensesnitt å se på.
Det er fullt tilpassbart og kjører helt på SCSS-kode. Dette betyr at det kommer med dusinvis av SCSS-deler og relaterte biblioteker som alle fusjonere sammen til et kraftig (og gratis) UI-bibliotek.
Når utviklere hører om et nytt Sass-bibliotek, antas det vanligvis å være et sett av mixins. Men Sierra er mer enn bare variabler og mixins. Dette biblioteket er et ekteblått brukergrensesnitt med tilpassede stiler til nett, typografi, tabeller, knapper, skjemaer, og stort sett alt du trenger for å designe et nettsted.
Totalt veier biblioteket omtrent 34kb ukomprimert, som kan virke stor. Men vurderer alt du får, det er en god størrelse og langt fra bulkiest der ute (til referanse, Bootstraps CSS måler ca 115kb ukomprimert).
Arbeider i Sierra, får du fullt tilpassbare alternativer for å endre grids, polstring, mellomrom, skriftstørrelser / familier, farger og mye mer. Det er alt kontrollert via SCSS og hvert bibliotek er delt inn i forskjellige filer for enklere organisering.
UI-biblioteket kommer med dusinvis av frontend-stiler for de vanligste sidene:
- Avsnitt og overskrifter
- knapper
- Skjemainnganger (dropdowns, radioer, etc)
- tabeller
- paginering
- Venstre / høyre justeringer
- Tilpassede lastefelt
Alle disse elementene kan ses på demoversiden som bruker et mørkere fargeskjema. Som standard er Sierra en a mørkt UI-bibliotek men siden alle farger er enkle å endre, kan du få det til å fungere for enhver stil på nettstedet.
Min eneste klage er den mangel på lett tilgjengelig dokumentasjon. Sierra er for øyeblikket i v2.0, men selv de viktigste repoene er sparsomme på installasjons- og tilpasningstips.
Heldigvis, utviklerne liste alle de viktigste variablene du kan endre i _variables.scss fil. Disse variablene blir importert for alle andre Sierra SCSS-filer, noe som betyr at du trenger bare å bytte farger på ett sted å få dem til å jobbe overalt.
Sierra er langt fra perfekt, men det er en av de få Sass-baserte brukerbibliotekene på nettet.
Hvis du vil prøve det, så sjekk ut hovedwebsiden for demoer og ytterligere detaljer. Og hvis du er virkelig fast, kan du prøve å åpne et spørsmål på GitHub-problemer-siden eller sende meldingen til skaperen Joan Claret for flere detaljer..
