素晴らしい
LESSフレームワークにより、スタイルの操作が非常に簡単になります。 その優れた機能の1つは、ミックスインです。 混合物を使用すると、クラス名をプロパティの1つの値として含めるだけで、クラスのすべてのプロパティを別のクラスに含めることができます。 これは変数の使用に似ていますが、クラス全体に関してです。 ミックスは関数として動作し、引数を取ることができます。
LESS Elements 、
LESS Hat 、
LESS Mix、および
Bootstrapの mixins.lessコンポーネントなどのミックスライブラリの中核にあるのは、引数を受け入れて操作するミックスの
機能です。
最近まで、
LESS Elementsを使用していましたが、
それで十分でした。 非常に軽量(
6 kb )で、頻繁に使用されるすべてのミックスがあります。 しかし、より複雑なプロジェクトに取り組み始めて、マルチシャドウ、放射状グラデーション、角度グラデーション、マルチアニメーションなどを作成する機能が不足していました。 重量が
115 kbの重い
LESS Hatに切り替えます
。 したくありませんでした それで、必要なすべてのミックスを集めた
less- fileを作成しました。 時間が経つにつれて、ミックスが蓄積され、カテゴリ別に分類し、世界と共有することにしました。 そのため、必要なものはすべて
揃っていますが、重量はわずか
7.7 kbの LESS-Mixライブラリがありました。
ライブラリは、8つのセクションに分割された27のミックスで構成されています。
- サイズと位置 -要素のサイズとその位置を操作するためのミックス
- グラデーションツール -あらゆる種類のグラデーションを簡単かつ便利に作成するためのミックス。
- 境界半径ツール -丸い角。
- シャドウツール -シャドウとグロー要素を作成するためのミックス。
- 移行ツール -アニメーションとそのオプションを操作するためのミックス。
- 変換ツール -変換を操作するためのミックス。
- その他のツール -前のカテゴリには含まれていないが、レイアウトには必要な他のオプションを操作するためのミックス。
- 開発およびテストツール -ミックスは、開発者およびデバッグ用に設計されています。 開発プロセスで最も一般的に使用されるオプションを含めます。
このライブラリは、マルチシャドウ、放射状グラデーション、角度グラデーション、マルチアニメーション、マルチ変換をサポートしています。特に便利なのは、
開発ツールとテストツールグループのミックスです。
ロシア語のライブラリとドキュメントの詳細については、次を参照してください。
少ないミックスGitHubリポジトリ:
デニスドファン/ LESS-Mixライブラリがロボットの手助けをしてくれると嬉しいです。
肯定的なフィードバックと客観的な批判の両方に感謝します。 特に改善の提案を聞いてうれしいです!
ご清聴ありがとうございました! 職場での便利さ!