Sierra är ett vackert Mörk UI-bibliotek byggt på Sass

I en värld full av frontend ramar, Det kan vara svårt att sortera genom alla alternativ. Men om du är en Sass älskare då Sierra är coolaste nya gränssnittet att titta på.

Det är fullt anpassningsbart och körs helt på SCSS-kod. Det betyder att det kommer med dussintals SCSS-partiklar och relaterade bibliotek som alla sammanfogas i ett kraftfullt (och gratis) UI-bibliotek.

När utvecklare hör om ett nytt Sass-bibliotek antas det vanligtvis att vara en uppsättning mixins. Men Sierra är mer än bara variabler och mixins. Detta bibliotek är ett sant blå UI-ramverk med anpassade stilar för galler, typografi, tabeller, knappar, former, och ganska mycket vad du behöver för att designa en webbplats.

Totalt väger biblioteket cirka 34kb okomprimerad, vilket kan verka stort. Men med tanke på allt du får, det är en bra storlek och långt ifrån bulkiest där ute (till referens, Bootstraps CSS mäter cirka 115kb okomprimerad).

Arbetar i Sierra, får du fullt anpassningsbara alternativ för att byta galler, polstring, avstånd, typsnittstorlekar / familjer, färger och så mycket mer. Det är allt kontrollerat via SCSS och varje bibliotek är delas upp i olika filer för enklare organisation.

UI-biblioteket levereras med dussintals frontend-stilar för de vanligaste sidelementen:

Punkter och rubriker
Knappar
Form-inmatningar (dropdowns, radio, etc)
tabeller
Paginering
Vänster / högerinriktning
Anpassade laddningsfält

Alla dessa element kan ses på demoversidan som använder ett mörkare färgschema. Som standard är Sierra en mörk UI-bibliotek men eftersom alla färger är lätta att byta kan du få det att fungera för alla stilar på webbplatsen.

Mitt enda klagomål är brist på lättillgänglig dokumentation. Sierra är för närvarande i v2.0, men även den huvudsakliga repo är gles på installations- och anpassningstips.

Lyckligtvis listar utvecklarna alla huvudvariablerna du kan ändra i _variables.scss fil. Dessa variabler får importeras för alla andra Sierra SCSS-filer, vilket betyder att du behöver bara byta färger på ett ställe för att få dem att arbeta överallt.

Sierra är långt ifrån perfekt men det är ett av de få Sass-baserade användarbiblioteken på webben.

Om du vill prova, kolla in huvudwebbplatsen för demo och ytterligare detaljer. Och om du verkligen är fast kan du försöka öppna en fråga på GitHub-problemsidan eller meddela skaparen Joan Claret för mer information.