responsivewebframework/src/less/icon-button.less

Jalasoft Foundation Front End Framework ========================================

// Icon button

button.icon-button {
  display: inline-block;
  position: relative;
  width: @buton-icon-width;
  height: @button-icon-height;
  padding: 0px 0px 28px 0px;
  font-size: @icon-font-size;
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-radius: 2px;

  &>span {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 50px;
    left: 0;
    width: 100%;
    .font-format(@font-family-Regular, @nav-font-size, @button-font-size, @letter-space-normal);
  }

  &:hover {
    cursor: pointer;
    opacity: @opacity-over;
  };

  &:active {
    opacity: @opacity-up;
    background-color: @dividers-color;
  };

  &:disabled {
    cursor: default;
    opacity:@opacity-disabled;
    color: @disabled-color;
  }
}