sprite.less

.selector-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;

  &.html {
    background: url(./images/sprite.png) -156px -76px no-repeat;
  }

  &.html-active {
    background: url(./images/sprite.png) -170px -188px no-repeat;
  }

  &.body {
    background: url(./images/sprite.png) -156px -42px no-repeat;
  }

  &.body-active {
    background: url(./images/sprite.png) -198px -68px no-repeat;
  }

  &.id {
    background: url(./images/sprite.png) -198px -34px no-repeat;
  }

  &.id-active {
    background: url(./images/sprite.png) -102px -188px no-repeat;
  }

  &.text {
    background: url(./images/sprite.png) -34px -154px no-repeat;
  }

  &.text-active {
    background: url(./images/sprite.png) -198px 0 no-repeat;
  }

  &.attr {
    background: url(./images/sprite.png) -136px -154px no-repeat;
  }

  &.attr-active {
    background: url(./images/sprite.png) -198px -102px no-repeat;
  }

  &.form-input {
    background: url(./images/sprite.png) -232px 0 no-repeat;
  }

  &.form-input-active {
    background: url(./images/sprite.png) -232px -34px no-repeat;
  }

  &.dom {
    background: url(./images/sprite.png) -232px -68px no-repeat;
  }

  &.dom-active {
    background: url(./images/sprite.png) -232px -102px no-repeat;
  }

  &.id-text {
    background: url(./images/sprite.png) -198px -136px no-repeat;
  }

  &.id-text-active {
    background: url(./images/sprite.png) 0px -188px no-repeat;
  }

  &.id-attr {
    background: url(./images/sprite.png) -34px -188px no-repeat;
  }

  &.id-attr-active {
    background: url(./images/sprite.png) -68px -188px no-repeat;
  }

  &.id-dom {
    //TODO
  }

  &.id-dom-active {
    //TODO
  }

  &.text-text {
    //TODO
  }

  &.text-text-active {
    //TODO
  }

  &.text-attr {
    //TODO
  }

  &.text-attr-active {
    //TODO
  }

  &.text-dom {
    background: url(./images/sprite.png) -68px -154px no-repeat;
  }

  &.text-dom-active {
    background: url(./images/sprite.png) -102px -154px no-repeat;
  }

  &.attr-text {
    //TODO
  }

  &.attr-text-active {
    //TODO
  }

  &.attr-attr {
    //TODO
  }

  &.attr-attr-active {
    //TODO
  }

  &.attr-dom {
    background: url(./images/sprite.png) 0px -154px no-repeat;
  }

  &.attr-dom {
    background: url(./images/sprite.png) -156px -110px no-repeat;
  }

  &.custom {
    background: url(./images/sprite.png) -232px -136px no-repeat;
  }

  &.custom-active {
    background: url(./images/sprite.png) -136px -188px no-repeat;
  }
}