Foundation - Media Objects Sass Reference

Variabili

È possibile modificare gli stili dei componenti utilizzando le seguenti variabili SASS elencate nella tabella.

Sr.No.	Nome e descrizione	genere	Valore predefinito
1	$mediaobject-margin-bottom Imposta il margine inferiore di un oggetto multimediale.	Numero	$ margine globale
2	$mediaobject-section-padding Definisce il riempimento sinistro e destro all'interno di un oggetto multimediale.	Numero	$ global-padding
3	$mediaobject-image-width-stacked Quando l'oggetto è impilato verticalmente, le immagini avranno una larghezza del 100% e manterranno la larghezza naturale dell'immagine impostandola su "auto".	Numero	100%

Mixins

È possibile utilizzare i mixin per creare la struttura delle classi CSS per i componenti degli oggetti multimediali. Puoi usare i seguenti mixin per costruire la tua struttura di classe:

media-oggetto-contenitore

È possibile aggiungere stili per oggetti multimediali utilizzando il seguente mixin:

@include media-object-container;

sezione oggetto multimediale

È possibile aggiungere stili per la sezione degli oggetti multimediali utilizzando il seguente mixin:

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

Può essere definito utilizzando il parametro come mostrato nella tabella sotto riportata -

Sr.No.	Parametro e descrizione	genere	Valore predefinito
1	$padding Definisce il riempimento tra le sezioni.	Numero	$ mediaobject-sezione-padding

stack di oggetti multimediali

È possibile aggiungere stili per le sezioni dello stack di oggetti multimediali utilizzando il seguente mixin:

@include media-object-stack;