underline;}指定した種類の要素を返すelements-of-type($display)$display:要素のタイプ(種類)指定できる要素のタイプには次のようなものがあります。Helpers」を参照ください。モジュールユーティリティ系ミックスインで以下のような種類があります。ミックスインが3種類あります。fix)が使用されるようです。リストにアイコン画像を付けるミックスインです。:none」を指定すれば付かないようになります。「leaf.png」という画像を使用する例です。出力はないので、必要に応じて指定すると良いと思います。}}以下は、上記を参考に作成したアイコンを挿入するミックスインです。書き換える必要があるかと思います。モジュールはテキスト関連のモジュールです。link-colorsリンクの文字色と疑似クラスを設定するミックスインです。replace-text-with-dimensions画像置換のミックスインです。画像のサイズが大きく異なる場合などは画像が切れて表示されてしまうことがあります。画像のサイズを取得して幅と高さを自動で指定してくれます。:none」を指定すれば付かないようになります。Rhythm(バーティカル・リズム)はページの行間サイズを揃えて(1行の高さを1つの単位として)、垂直方向のリズムを作る方法です。最初に基本のフォントサイズと行の高さを設定します。ミックスインを使って出力します。$base-font-size(基準となるフォントサイズ。16px)$base-line-height(基準となる行間。乱れることもあるので、必要に応じて事前にリセットしておきます。よってもずれることがあります)ベースフォントサイズとベースユニットサイズを決めて、それを元にガイドラインを引き、ガイドラインに合うように調整するのが簡単です。ガイドラインは以下の方法で表示することができます。ミックスインを使用する方法で、以下のように記述するとガイドラインが表示されます。利用して以下のように記述します。追記)色を指定するとうまくグリッドを表示できないようです。「adjust-font-size-to」ミックスインを使って設定します。$from-size)$to-size:フォントサイズ。基準となる行間の何倍に設定するか。$from-size:基準となるフォントサイズ。$base-font-size。ミックスインを使うと要素の前後の余白をまとめて設定することができます。$font-size)$leader:上部のマージンを基準となる行間の何倍に設定するか。$trailer:下部のマージンを基準となる行間の何倍に設定するか。$font-size:基準となるフォントサイズ。$base-font-size。ミックスインのソースです。$font-size);}ミックスインの内部では、leader():上部のマージンと、trailer():下部のマージンを呼び出しているのがわかります。これらを使って個別に指定することもできます。padding-top)を設定$lines:基準となる行間の何倍にするか。$font-size:基準となるフォントサイズ。padding-bottom)を設定$lines:基準となる行間の何倍にするか。$font-size:基準となるフォントサイズ。使って前後のマージンを設定する例です。ミックスインを利用して調整することができます。$border-style)$width:ボーダーの幅。1px$lines:パディングを基準となる行間の何倍にするか。$font-size:基準となるフォントサイズ。$base-font-size$border-style:ボーダースタイル。使って調整する例です。なるように調整されています。使って個々のボーダーを調整することも可能です。