roll20-character-sheets/Outbreak/src/scss/_global.scss

* {
  box-sizing: border-box;
}

.charsheet {
  background-color: #f9e0a8;
  padding: 1%;
  min-width: 850px;
  font-family: "Courier New", Courier, monospace;
}

button {
  text-overflow: ellipsis;

    &:before {
        display: none;
    }

    &:focus > h3,
    &:hover > h3,
    &:active > h3 {
        color: $gray;
        text-shadow: 1px 1px 2px $black, 0 0 25px $gray, 0 0 5px $gray;
    }

    &[type='roll'],
    &[type='action'] {
      background: $gray;
      border: {
          bottom             : 0.01em solid #666;
          bottom-right-radius: 0.01em;
          color              : hsl(0, 0%, 70%);
          radius             : 0.25em;
          right              : 0.02em solid hsl(0, 0%, 20%);
          style              : outset;
      }
      margin: 0.2em !important;
      padding: 0.1em !important;
    }

    &[type='action'] {
        background: $gray;

        &:focus, &:hover, &:active {
            background-color: $green;
            color: $gray;
        }
    }

     &[type='roll'] {
        background: $gray;

      &:focus, &:hover, &:active {
          background-color: $green;
          color: $black;
      }
    }
}

h2 {
  font-size: 1em;
}

label {
  margin: 0px;
  padding: 0px;
}

input {
  &[type="number"],
  &[type="text"] {
    padding: 1px 2px;
    height: 100%;
    width: 100% !important;
  }

  &[disabled='true'] {
    background-color: #77be7924;
    cursor: not-allowed;
  }
}

select {
  margin: 0px;
  padding: 0px;
}

textarea {
  font-size: 1.1em;
  font-weight: normal;
  height: 50px;
  line-height: 1.5em;
  min-height: 50px;
  overflow-wrap: break-word;
  overflow: scroll;
  padding: 2px;
  resize: vertical;
  text-align: left;
  vertical-align: top;
  white-space: pre-line;
}

select {
  width: 100%;
}