---
title: Mixin
slug: Glossary/Mixin
translation_of: Glossary/Mixin
---
<p>Un <em>mixin</em> es un conjunto coherente de {{glossary("method","métodos")}} y {{glossary("property","propiedades")}} implementadas por otras interfaces y {{glossary("class","clases")}}.</p>

<p>Ejemplo</p>

<p>@mixin nombre_del_mixin{</p>

<p>    width: 100% ;</p>

<p>}</p>

<p>La forma más común de llamar a un mixin y aplicar esas propiedades y métodos es el <em>include</em> (ejemplo @include nombre_del_mixin ). Al utilizar el <em>include</em> para llamar las propiedades y métodos incluidos en el mixin, son entonces parte de la nueva interfaz.</p>

<p class="hidden"><strong>Esa definición es un poco confusa. Propongo que reemplazamos ésto con:</strong> Un mixin es una clase u objeto que contiene uno o más {{glossary("method","métodos")}} y/o {{glossary("property","propiedades")}} implementadas por otra {{glossary("interface")}} o {{glossary("class","clase")}}. Las propiedades y los métodos son entonces parte de la nueva interfaz o clase y se utilizan simplemente como un definido explícitamente por la clase o interfaz.</p>

<h2 id="Aprende_más">Aprende más</h2>

<h3 id="Conocimiento_general">Conocimiento general</h3>

<ul>
 <li><a class="external external-icon" href="http://es.wikipedia.org/wiki/Mixin">Mixin</a> en Wikipedia</li>
</ul>

<h3 id="Referencia_técnica">Referencia técnica</h3>

<ul>
 <li>Ejemplo de mixin: <a href="/es/docs/Web/API/Body">Body</a></li>
</ul>

<p> </p>