dev/scss/main/buttongroup.scss

@charset "utf-8";
@import "../util";

/*
 * Define the base layout of horizontal button groups
 */
.button-group {
  > span {
    cursor: pointer;
    &.button-icon {
      font-family: 'FontAwesome';
      > span {
        @include blind;
      }
    }
  }
}

.button-group:not(.view) > span {
  box-shadow: $choose-box-shadow;
  font-size: 9pt;
  line-height: 1.5em;
  padding: 0 4px;
  display: inline-block;
  @include choose-item;
  border-style: solid;
  border-width: $border-size 0;
  &:hover {
	  @include choose-hover;
  }
  &:first-child {
	  border: {
	    left-width: $border-size;
	    top-left-radius: $standard-border-radius;
	    bottom-left-radius: $standard-border-radius;
	  }
  }
  &:last-child {
	  border: {
	    right-width: $border-size;
	    top-right-radius: $standard-border-radius;
	    bottom-right-radius: $standard-border-radius;
    }
  }
}
 
ul.button-group-list {
  border-top-right-radius: 8px;
  z-index: 150;
  font-size: 10pt;
  position: fixed;
  left: 0;
  text-align: left;
  margin: -1 * $border-size;
  margin-top: 0;
  > li:first-of-type {
	  border-top-right-radius: 5px;
  }
}


.button-group.view {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  margin: 0;
  padding: 0;
  width: $right-match-distance;
  > span {
    border-width: 0;
    text-decoration:none;
    text-align: center;
    font-style: normal;
    
    &.download::after {
	    font-family: 'FontAwesome';
	    content: $fa-download;
    }
    
    &.close::after {
	    font-family: 'FontAwesome';
	    content: $fa-close;
    }
  }
}