2011-05-10 18 views
7

Por ejemplo, en el siguiente de sass. ¿Es el = solo una abreviatura de @mixin? Me parece que no puede encontrar ninguna información de este en GoogleEn sass, ¿qué significa =

=multi-line-button($base-color) 
    +background-clip('padding-box') 
    border-width: 1px 
    +border-radius(6px) 
    border-style: solid 
    color: white 
    display: block 
    margin: 0.2em auto 
    padding: 12px 15px 
    text-align: center 
    text-decoration: none 

Respuesta

7

sí, esta es la forma de definir mixins en Sass

No sé si this article ayuda en absoluto

EDIT:

Los siguientes son idénticos

@mixin red-text 
    color: #ff0000 

=red-text 
    color: #ff0000 

Sólo tiene que añadir +red-text a sus selectores

+0

¿Alguna idea de por qué la documentación oficial no contiene esta información? ¿está desaprobado o algo así? – Fendo

+0

No estoy seguro de por qué no está en los documentos. Pero está totalmente bien usar ambas técnicas. Los documentos dicen que usar @mixin es el "camino", pero siempre he usado la técnica "=" - SASS cambia todo el tiempo, así que esto podría ser una característica de compatibilidad con versiones anteriores ... – stephenmurdoch

+0

Por el bien de la legibilidad humana '@ mixin' y' @ include' es más clara. Usar '=' y '+' me recuerda leer a través de la sintaxis arcane makefile: D – jgillman

4

"@mixin foobar" es la sintaxis SCSS más nueva (más como CSS) y "= foobar" es la sintaxis SASS anterior (más parecida a HAML). Soy bastante nuevo en SASS y comencé con SCSS, pero ambos son compatibles (probablemente no en la misma hoja de estilo) y ambos seguirán siendo compatibles.