SierraはSass上に構築された美しいダークUIライブラリです。

に満ちた世界で フロントエンドフレームワーク, すべてのオプションをソートするのは難しいかもしれません。しかし、もしあなたがSassの恋人なら シエラ それは 最もクールな新しいUIフレームワーク 見るために.

それは完全にカスタマイズ可能です SCSSコードで完全に動作. これはそれが数十で来ることを意味します SCSSパーシャル そして 関連ライブラリー すべてが1つの強力な（そして無料の）UIライブラリに統合されています。.

開発者が新しいSassライブラリについて聞くとき、それは通常ミックスインのセットであると想定されます。しかし、シエラは 単なる変数やミックスイン以上のもの. このライブラリは、真の青色のUIフレームワークです。 カスタムスタイル にとって グリッド, タイポグラフィ, テーブル, ボタン, フォーム, ウェブサイトをデザインするために必要なものはほとんど何でも.

合計で、図書館の重さは 約34キロバイトの非圧縮, これは大きく見えます。しかし、あなたが手に入るものすべてを考えれば、それは良いサイズであり、そこから一番大きいものには程遠いものです（参考のために、BootstrapのCSSは115kbの圧縮されていない状態で測定します）。.

シエラで働いて、あなたは得る 完全にカスタマイズ可能なオプション グリッド、パディング、間隔、フォントサイズ/ファミリ、色などを変更します。それはすべてSCSSを介して制御され、各ライブラリは 異なるファイルに分割 より簡単な組織のために.

UIライブラリには何十ものフロントエンドスタイルが付属しています 最も一般的なページ要素用：

• 段落と見出し
• ボタン
• フォーム入力（ドロップダウン、ラジオなど）
• テーブル
• ページ付け
• 左右の配置
• カスタムローディングバー

これらの要素はすべて、暗い色を使ったデモページで見ることができます。デフォルトでは、Sierraは ダークUIライブラリ しかし、すべての色は簡単に変更できるので、どのスタイルのWebサイトでも機能させることができます。.

私の唯一の不満は 簡単にアクセスできる文書がない. Sierraは現在v2.0になっていますが、メインレポもインストールとカスタマイズのヒントが少ないです.

ありがたいことに、開発者リスト すべての主な変数 あなたが変更することができます _variables.scss ファイル。これらの変数は他のすべてのSierra SCSSファイルにインポートされます。 一箇所で色を変えるだけ どこでも動かせるようにする.

Sierraは完璧というわけではありませんが、Web上のいくつかのSassベースのUIライブラリのうちの1つです。.

試してみたい場合は、メインのWebサイトをチェックしてください。 デモ＆詳細. そして、本当に行き詰まっているのなら、GitHubのissueページで質問をするか、作成者Joan Claretにメッセージを送って詳細を確認することができます。.