Foundation-media-sass-reference

Foundation-メディアオブジェクトSassリファレンス

変数

表にリストされている次のSASS変数を使用して、コンポーネントのスタイルを変更できます。

Sr.No.	Name & Description	Type	Default Value
1	$mediaobject-margin-bottom メディアオブジェクトの下マージンを設定します。	Number	$global-margin
2	$mediaobject-section-padding メディアオブジェクト内の左右のパディングを定義します。	Number	$global-padding
3	$mediaobject-image-width-stacked オブジェクトを垂直に積み重ねると、画像の幅は100％になり、「自動」に設定することで画像の自然な幅が維持されます。	Number	100%

ミックスイン

ミックスインを使用して、メディアオブジェクトコンポーネントのCSSクラス構造を構築できます。 次のミックスインを使用して、独自のクラス構造を構築できます-

メディアオブジェクトコンテナ

次のミックスインを使用して、メディアオブジェクトのスタイルを追加できます-

@include media-object-container;

メディアオブジェクトセクション

次のミックスインを使用して、メディアオブジェクトセクションのスタイルを追加できます-

@include media-object-section($padding);

以下の表に示すように、パラメータを使用して定義することができます-

Sr.No.	Parameter & Description	Type	Default Value
1	$padding セクション間のパディングを定義します。	Number	$mediaobject-section-padding

メディアオブジェクトスタック

次のミックスインを使用して、メディアオブジェクトのスタックセクションのスタイルを追加できます-

@include media-object-stack;