designWeb全般webmasterデザインメモTOPコーディングSassSass機能のミックスインとは(@mixin)ミックスインとは、スタイルを定義しておき、それを任意の場所で呼び出して使用することができる機能です。似たような機能に@extendというものもあります。基本的なミックスインの使い方を紹介します。ミックスイン名」の形式で定義をして、スタイルを記述していきます。120%;}このように、スタイルの指定はCSSと何ら変わりはありません。このままでは機能はせず、呼び出す必要があります。定義したミックスインを呼び出すには以下のようにします。ミックスイン名;」の形式で定義したミックスインを呼び出すことができます。ミックスインを使用する場合は、「@mixin」で定義して、「@include」で呼び出すというセット使いになるということです。@extendとの違いは、複数箇所で使用した場合、@extendはグループ化されてCSSに展開されますが、@mixinはそれぞれ個別にCSSに展開されます。引数を使用するミックスインでは、引数を指定してスタイルの値を変えて使うこともできます。以下のような引数を定義したとします。$value;}この引数を使用するには、以下のようにします。10px;}このように同じミックスインを呼び出していますが、それぞれ引数の値を変えて呼び出すことができます。