Icon modifiers

[gyoshev]

With just a few styles, we can compound icons:

<span class="k-icon k-i-plus k-icon-with-modifier">
    <span class="k-icon k-icon-modifier k-i-unlock"></span>
</span>

.k-icon-with-modifier {
  position: relative;
  margin: 0.25em;
}
.k-icon-modifier {
  position: absolute;
  font-size: .5em;
  bottom: 0;
  right: 0;
  margin: 0 -.5em -.5em 0;
}

Dojo snippet