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

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

.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;
    }
  }
}

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

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

.malus {
  color: darkred;
}

.bonus {
  color: darkgreen;
}

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