@import "global/flex";
@import "global/forms";
@import "global/typography";
@import "global/item-list";
@import "global/colors";

@logo-width: 190px;
@logo-height: 115px;
@deco-width: 330px;
@deco-height: 62px;
@attributes-width: 64px;
@attributes-height: 64px;
@footer-height: 30px;
@sidebar-width: 250px;

.bol {
  &.sheet {
    @import 'components/common';
    &.actor {
      @import 'components/actor';
      min-width: 820px;
      min-height: 700px;
      height: 700px;
    }
    &.item {
      @import 'components/item';
      //background-color: white;
      min-width: 460px;
      min-height: 400px;
    }
  }
  &.dialog {
  }
}

.editor, .editor-content {
  height: 100%;
}

.rollable {
  color: @colorOlive;
  cursor: pointer;
}

.malus {
  color: darkred;
}

.bonus {
  color: darkgreen;
}

.chat-message .chat-icon {
  flex : 0 0 64px;
  border: 1px outset lightgray;
  //padding: 2px 6px 2px 2px;
  //float: left;
  width: 64px;
  height: 64px;
}