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)
.