Skip to content
This repository has been archived by the owner. It is now read-only.

Icon modifiers #806

Closed
gyoshev opened this issue Dec 1, 2017 · 0 comments

Comments

Projects
None yet
1 participant
@gyoshev
Copy link
Contributor

commented Dec 1, 2017

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

@gyoshev gyoshev added the enhancement label Dec 1, 2017

gyoshev added a commit that referenced this issue Dec 21, 2017

feat(icons): allow icons to have modifiers
used to display additional icons that augment the meaning, e.g. 'add' a filter or 'remove' a filter

closes #806

@joneff joneff closed this in #835 Dec 26, 2017

joneff added a commit that referenced this issue Dec 26, 2017

feat(icons): allow icons to have modifiers
used to display additional icons that augment the meaning, e.g. 'add' a filter or 'remove' a filter

closes #806
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
You can’t perform that action at this time.