Sierra je knižnica krásneho tmavého UI postavená na Sass
Vo svete plnom frontend rámcov, môže to byť ťažké triedenie cez všetky možnosti. Ale ak ste potom milenka Sass Sierra je najkrajšie nové rozhranie používateľského rozhrania pozerať.
Je plne prispôsobiteľné a prebieha úplne na základe kódu SCSS. To znamená, že prichádza s desiatkami Časti SCSS a súvisiacich knižníc že všetky sa zlúčia do jednej výkonnej (a voľnej) knižnice UI.
Keď sa vývojári dozvedia o novej knižnici Sass, zvyčajne sa predpokladá, že ide o súbor mixov. Ale Sierra je viac ako len premenné a mixiny. Táto knižnica je skutočne modrý rámec UI s vlastné štýly pre rošty, typografie, stoly, tlačidla, formuláre, a skoro všetko, čo budete potrebovať na vytvorenie webovej stránky.
Celkovo knižnica váži približne 34 kb nekomprimované, čo sa môže zdať veľké. Avšak vzhľadom na všetko, čo dostanete, je to dobrá veľkosť a ďaleko od najväčších tam (na porovnanie, Bootstrap CSS meria asi 115kb nekomprimovaný).
Práca v Sierre, dostanete plne prispôsobiteľné možnosti na zmenu mriežok, polstrovanie, medzery, veľkosti písma / rodiny, farby a oveľa viac. Všetko je riadené prostredníctvom SCSS a každej knižnice je rozdeliť na rôzne súbory pre jednoduchšiu organizáciu.
Knižnica používateľského rozhrania je vybavená desiatkami štýlov frontend pre najčastejšie prvky stránky:
- Odseky a záhlavia
- tlačidla
- Formulár vstupy (dropdowns, rádia, atď)
- stoly
- stránkovanie
- Zarovnanie vľavo / vpravo
- Vlastné nakladacie pruhy
Všetky tieto prvky je možné vidieť na demo stránke, ktorá používa tmavšiu farebnú schému. Štandardne je Sierra a tmavá UI knižnica ale pretože všetky farby sa ľahko menia, môžete si ich dať pracovať pre akýkoľvek štýl webových stránok.
Moja jediná sťažnosť je nedostatok ľahko prístupnej dokumentácie. Sierra je v súčasnosti v2.0, ale dokonca aj hlavná repo je riedka na inštaláciu a prispôsobenie tipov.
Našťastie zoznam vývojárov všetky hlavné premenné môžete zmeniť v _variables.scss súboru. Tieto premenné sa importujú pre všetky ostatné súbory Sierra SCSS, čo znamená, že vy stačí zmeniť farby na jednom mieste aby ich fungovali všade.
Sierra je ďaleko od dokonalosti, ale je to jedna z mála knižníc používateľského rozhrania Sass na webe.
Ak sa chcete vyskúšať, pozrite sa na hlavnú webovú stránku demá a ďalšie podrobnosti. A ak ste naozaj uviazli, môžete skúsiť otvoriť otázku na stránke s otázkami GitHub alebo poslať správu o tvorcovi Joan Claretovi.
