Сьєрра - це прекрасна бібліотека темного інтерфейсу, побудована на Сассі
У світі повний фронтендні рамки, це може бути жорстким сортуванням всіх варіантів. Але, якщо ви любите Sass тоді Сьєрра є найшвидший новий інтерфейс користувача дивитися.
Це повністю настроюється і працює повністю на коді SCSS. Це означає, що він поставляється з десятками Частинки SCSS і пов'язані бібліотеки що всі об'єднуються в одну потужну (і безкоштовну) бібліотеку UI.
Коли розробники дізнаються про нову бібліотеку Sass, зазвичай вважається, що вона є набором сумішей. Але Сьєрра більше, ніж просто змінні і міксини. Ця бібліотека є справді синьою інтерфейсом інтерфейсу користувача спеціальні стилі для сітки, типографіка, таблиці, кнопки, форми, і майже все, що вам потрібно для створення веб-сайту.
В цілому бібліотека важить близько 34 кб без стиснення, що може здатися великим. Але враховуючи все, що ви отримуєте, це хороший розмір і далеко не найкрупніший (для довідки, CSS Bootstrap вимірює близько 115 кб без стиснення).
Працюючи в Сьєррі, ви отримуєте повністю настроювані параметри для зміни сіток, відступу, інтервалів, розмірів шрифтів / сімей, кольорів та багато іншого. Це все управляється через SCSS і кожна бібліотека розділити на різні файли для більш простої організації.
Бібліотека інтерфейсу постачається з десятками стилів інтерфейсу для найпоширеніших елементів сторінки:
- Абзаци та заголовки
- Кнопки
- Форма введення (випадаючі списки, радіостанції тощо)
- Таблиці
- Розбиття
- Вирівнювання ліворуч / праворуч
- Спеціальні панелі завантаження
Всі ці елементи можна побачити на демонстраційній сторінці, яка використовує більш темну колірну схему. За замовчуванням Sierra - це a бібліотека темного UI але оскільки всі кольори легко змінити, ви можете отримати її для будь-якого стилю веб-сайту.
Моя єдина скарга - це відсутність легкодоступної документації. Сьогодні Sierra знаходиться у версії 2.0, але навіть основний репо є рідкісним на підказки з установки та налаштування.
На щастя, розробники списку всі основні змінні можна змінити в _variables.scss файл. Ці змінні імпортуються для всіх інших файлів SCSS, що означає вас потрібно лише змінювати кольори в одному місці щоб вони працювали скрізь.
Сьєрра далека від досконалості, але це одна з небагатьох бібліотек інтерфейсу Sass на основі Інтернету.
Якщо ви хочете дати йому спробувати, то перевірте головний веб-сайт для Демонстрації та інші деталі. Якщо ви дійсно застрягли, спробуйте відкрити запитання на сторінці видань GitHub або надішліть повідомлення автору Joan Claret, щоб дізнатися більше.
