not multiple first child css sass compass-sass

multiple - not child css



SASS: no selector (1)

Intenté recrear esto y se generó .someclass.notip para mí, pero .someclass:not(.notip) no lo fue, mientras no haya @mixin tip() . Una vez que tuve eso, todo funcionó.

http://sassmeister.com/gist/9775949

$dropdown-width: 100px; $comp-tip: true; @mixin tip($pos:right) { } @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; background-color: #f00; @include tip($pos:$pos); } } } &.notip { @if $pos == right { top: 0; left:$dropdown-width * 0.8; background-color: #00f; } } } .someclass { @include dropdown-pos(); }

EDITAR: http://sassmeister.com/ es un buen lugar para depurar su SASS porque le da mensajes de error. Undefined mixin ''tip''. es lo que obtengo cuando @mixin tip($pos:right) { }

Tengo un selector :not css en SASS mixin pero no hace nada:

Fragmento de código:

@mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == right { top: 0; left:$dropdown-width * 0.8; } } }

La clase .notip se está generando pero no se está generando CSS para :not(.notip) .