Сиера е красива тъмна библиотека на потребителския интерфейс, построена на Сас
В свят, пълен с фронтенд рамки, може да се окаже трудно сортиране чрез всички опции. Но ако си любовник на Сас тогава вид испанска скумрия е най-готината нова UI рамка да гледам.
Той е напълно приспособим и работи изцяло на SCSS код. Това означава, че идва с десетки SCSS частици и библиотеки всички се сливат в една мощна (и безплатна) UI библиотека.
Когато разработчиците чуят за нова библиотека на Sass, обикновено се приема, че е набор от mixins. Но Сиера е повече от променливи и миксини. Тази библиотека е истински синя UI рамка с персонализирани стилове за мрежи, книгопечатане, маси, бутони, форми, и почти всичко, което би трябвало да се създаде уебсайт.
Като цяло библиотеката тежи около 34kb некомпресиран, което може да изглежда голямо. Но като се има предвид всичко, което получавате, това е добър размер и далеч не е най-обемният там (за справка, CSS на Bootstrap е около 115kb некомпресиран).
Работейки в Сиера, получаваш напълно адаптивни опции за промяна на мрежи, подложка, разстояние, размери на шрифтове / семейства, цветове и много други. Всичко се контролира чрез SCSS и всяка библиотека е разделени на различни файлове за по-проста организация.
Библиотеката на потребителския интерфейс идва с десетки стилове в интерфейса за най-често срещаните елементи на страницата:
- Параграфи и заглавия
- Бутони
- Формуляр за въвеждане (падащи папки, радиостанции и т.н.)
- Маси
- номериране на страници
- Ляво / дясно подравняване
- Персонализирани барове за зареждане
Всички тези елементи могат да се видят на демо страницата, която използва по-тъмна цветова схема. По подразбиране Sierra е a тъмна библиотека на UI но тъй като всички цветове са лесни за промяна, можете да го използвате за всеки стил на уебсайта.
Единственото ми оплакване е липса на лесно достъпна документация. Sierra в момента е в v2.0, но дори и основната репо е рядка при инсталирането и съветите за персонализиране.
За щастие, списъкът на разработчиците всички основни променливи можете да промените в _variables.scss файл. Тези променливи се импортират за всички други Sierra SCSS файлове, което означава, че вие само трябва да промените цветовете на едно място да ги накара да работят навсякъде.
Sierra е далеч от съвършенство, но това е една от малкото библиотеки на потребителския интерфейс, базирани на Sass в мрежата.
Ако искате да го опитате, тогава проверете основния уебсайт демо & допълнителни подробности. И ако наистина сте останали, можете да опитате да отворите въпрос на страницата с изданията на GitHub или да изпратите съобщение на създателя Джоан Кларет за повече подробности..
