Domovská » UI / UX » Sierra je krásná temná UI knihovna postavená na Sassu

    Sierra je krásná temná UI knihovna postavená na Sassu

    Ve světě plném rámce, to může být těžké třídění přes všechny možnosti. Ale pokud jste potom milenec Sass Sierra je nejvhodnější nový rámec uživatelského rozhraní sledovat.

    Je plně přizpůsobitelný a běží zcela na SCSS kódu. To znamená, že přichází s desítkami SCSS partials a související knihovny které se spojí do jedné mocné (a svobodné) knihovny UI.

    Když se vývojáři dozvědí o nové knihovně Sass, předpokládá se, že se jedná o sadu mixinů. Ale Sierra je více než jen proměnné a mixiny. Tato knihovna je skutečně modrým uživatelským rozhraním vlastní styly pro mřížky, typografie, tabulek, tlačítka, formuláře, a skoro cokoliv, co budete potřebovat k návrhu webových stránek.

    Knihovna váží celkem asi 34kb nekomprimované, které se mohou zdát velké. Ale s ohledem na vše, co dostanete, je to dobrá velikost a daleko od bulkiestu tam (pro reference, Bootstrap CSS měří asi 115kb nekomprimovaný).

    Pracuješ v Sierře plně přizpůsobitelné možnosti pro výměnu mřížek, polstrování, rozteče, velikosti písma / rodiny, barev a ještě mnohem více. Vše je řízeno pomocí SCSS a každá knihovna je rozdělit do různých souborů pro jednodušší organizaci.

    Knihovna UI přichází s desítkami stylů frontendu pro nejběžnější prvky stránky:

    • Body a záhlaví
    • Tlačítka
    • Vstupy formuláře (rozevírací seznamy, rádia atd.)
    • Tabulky
    • Stránkování
    • Zarovnání vlevo / vpravo
    • Vlastní nosné tyče

    Všechny tyto prvky lze vidět na demo stránce, která používá tmavší barevné schéma. Standardně je Sierra a temná UI knihovna ale protože všechny barvy jsou snadno měnit, můžete si to pracovat pro jakýkoliv styl webových stránek.

    Moje jediná stížnost je nedostatek snadno přístupné dokumentace. Sierra je v současné době ve verzi 2.0, ale i hlavní repo je na tipech pro instalaci a přizpůsobení řídký.

    Naštěstí seznam vývojářů všechny hlavní proměnné můžete změnit v _variables.scss soubor. Tyto proměnné se importují pro všechny ostatní soubory Sierra SCSS, což znamená, že jste stačí změnit barvy na jednom místě aby je všude pracovali.

    Sierra není zdaleka dokonalá, ale je to jedna z mála knihoven uživatelského rozhraní na webu Sass.

    Pokud to chcete zkusit, podívejte se na hlavní webové stránky dema a další podrobnosti. A pokud jste opravdu uvízl, můžete zkusit otevřít otázku na stránce GitHub otázky nebo zaslat zprávu tvůrci Joan Claret pro více informací.