Icon classes as mixins

[ryanisinallofus]

In this file: (https://github.com/twitter/bootstrap/blob/master/less/sprites.less)

Lines 17, 18

[class^="icon-"],
[class*=" icon-"] 

happens in DOM. Doesn't this make each sprite class like icon-ok unavailable for mixing in?

.my-icon {
  .icon-ok;
}

I mean I CAN mix it in but all I get is what's on line 46 and only what's on line 46.

.icon-ok                 { background-position: -288px 0; }

Or hopefully I'm just doing it wrong.

[ryanisinallofus]

Work around was to use icon-blank in the dom so the class would inherit all the base icon stuff. Then I can mixin the correct icon-x classes when I need them with no js.

[mdo]

Classes are not guaranteed to be mixins in Bootstrap. The sprites are built as is to serve a specific purpose and mixins are not that at this time.

[ryanisinallofus]

thanks

[ryanisinallofus]

If I submitted a patch for this would you think about it? Every class is mixinable in Less. It would be cool if every class in Bootstrap was too.