Estoy usando Bootstrap 3.1.1 y agrego mis propios estilos MENOS con nombres semánticos.

Utilizandogrunt-customize-bootstrap he añadidomystyles.less al final debootstrap.less, justo antes de la inclusión deresponsive-utilities.less (No sé por qué, eso esgrunt-customize-bootstrapcomportamiento predeterminado, pero incluso en la última posición el problema sigue siendo).

Definí mi propio menú desplegable así:

.my-dropdown {
  .dropdown;
  > .my-toggle {
    .dropdown-toggle;
  }
}

Así es como se define en bootstrap'spanels.less:

> .dropdown .dropdown-toggle {
  color: inherit;
}

Pero gruñido no está realmente feliz por eso:

Running "less:compile" (less) task
>> NameError: .dropdown-toggle is undefined in less/mystyles.less on line 51, column 15:
>> 50             > .my-toggle {
>> 51               .dropdown-toggle;
>> 52             }
Warning: Error compiling less/bootstrap.less Use --force to continue.

He observado este comportamiento con otras clases, por ejemplo.navbar-right (mientras, por ejemplo.pull-right() está bien), pero realmente no puedo entender lo que estoy haciendo mal. ¿Alguien puede iluminarme?