Sierra - красивая темная библиотека пользовательского интерфейса, построенная на Sass
В мире, полном рамки внешнего интерфейса, это может быть трудно перебирать все варианты. Но, если вы любитель Sass, то горная цепь это крутой новый фреймворк смотреть.
Это полностью настраиваемый и работает полностью на коде SCSS. Это означает, что это идет с десятками SCSS частичные а также связанные библиотеки что все объединяются в одну мощную (и бесплатную) библиотеку пользовательского интерфейса.
Когда разработчики слышат о новой библиотеке Sass, обычно предполагается, что это набор миксинов. Но Сьерра больше, чем просто переменные и миксины. Эта библиотека представляет собой действительно синий интерфейс с пользовательские стили за сетки, типография, таблицы, кнопки, формы, и почти все, что вам нужно для разработки сайта.
В общей сложности библиотека весит около 34kb без сжатия, который может показаться большим. Но учитывая все, что вы получаете, это хороший размер и далеко не самый громоздкий (для справки, CSS Bootstrap измеряет около 115 КБ несжатого).
Работая в Сьерре, вы получаете полностью настраиваемые параметры для изменения сетки, отступов, интервалов, размеров / семейств шрифтов, цветов и многого другого. Все это контролируется через SCSS, и каждая библиотека разбить на разные файлы для более простой организации.
Библиотека пользовательского интерфейса поставляется с десятками стилей внешнего интерфейса для самых распространенных элементов страницы:
- Параграфы и заголовки
- Кнопки
- Форма ввода (выпадающие списки, радио и т. Д.)
- таблицы
- пагинация
- Выравнивание влево / вправо
- Пользовательские полосы загрузки
Все эти элементы можно увидеть на демонстрационной странице, которая использует более темную цветовую схему. По умолчанию Сьерра является темная библиотека пользовательского интерфейса но так как все цвета легко изменить, вы можете заставить его работать для любого стиля сайта.
Моя единственная жалоба отсутствие легкодоступной документации. Sierra в настоящее время находится в версии 2.0, но даже основные репозитории редки по советам по установке и настройке.
К счастью, список разработчиков все основные переменные вы можете изменить в _variables.scss файл. Эти переменные импортируются для всех других файлов Sierra SCSS, что означает, что вы нужно только менять цвета в одном месте заставить их работать везде.
Sierra далека от совершенства, но это одна из немногих библиотек пользовательского интерфейса на основе Sass в Интернете..
Если вы хотите попробовать, посетите основной веб-сайт для демоверсии и дальнейшие детали. И, если вы действительно застряли, вы можете попробовать открыть вопрос на странице проблем GitHub или отправить сообщение создателю Джоан Кларет для получения более подробной информации..
