ファイルのLESSインポート

LESSのコードを複数のファイルに分割し、その後、それらを1つのCSSファイルにまとめることができます。これは、@importコマンドを使用して行われます。

例を見てみましょう。補助関数を配置するファイル lib.lessがあるとします：

.mix() {
	color: red;
}

このファイルをメインのファイル styles.lessにインポートしてみましょう：

@import url('lib.less');

インポート後、インポートされたファイルからのすべてのデータが私たちのファイルで利用可能になります。したがって、ミキシン.mixを使用することができます：

div {
	.mix;
}

便利な関数のライブラリファイルを作成してください。それをあなたのメインファイルにインポートしてください。