Ich versuche SASS zu lernen. Ich habe dieses Snippet zum Laufen gebracht, aber das generierte CSS ist meiner Meinung nach schrecklich. Ich möchte, dass alle diese CSS in den gleichen .container {} gehen. Nicht drei verschiedene wie unten gezeigt.

SASS:

   .container{
         @extend %clearfix;
         @extend %text-truncate;
         @include border-radius(10px);
     }

Generiertes CSS:

.container{
...clear fix
}
.container{
...text-truncate
}
.container{
...clear border-radius
}

Was ich möchte:

.container{
...clear fix
...text-truncat
...clear border-radius
}