Extender Bootstrap 3 MENOS .btn-group no funciona
Finalmente estoy tratando de lograr los siguientes estilos con MENOS.
<div class="filter btn-group">
<button class="btn btn-default" type="button" data-filter="*">show all</button>
<button class="btn btn-default" type="button" data-filter=".cd">CD</button>
<button class="btn btn-default" type="button" data-filter=".vinyl">Vinyl</button>
</div>
Tengo el siguiente HTML
<div class="filter">
<button type="button" data-filter="*">show all</button>
<button type="button" data-filter=".cd">CD</button>
<button type="button" data-filter=".vinyl">Vinyl</button>
</div>
Y tengo esto en MENOS archivo con importaciones de Bootstrap 3
.filter {
.btn-group;
button {
.btn;
.btn-default;
}
}
Al agregar .btn y .btn-default al botón funciona bien. Pero agregar .btn-group al contenedor ".filter" no funciona. No puedo entender lo que estoy haciendo mal. Si agrego la clase .btn-group manualmente a la
class="filter btn-group"Funciona.