@import "../config";

.board-header {
  line-height: 6rem;
  display: flex;
  padding: 0 2rem;

  & > div {
    flex-grow: 1;
    font-family: "Bungee", sans-serif;
    font-weight: normal;
    font-size: 1.1rem;
    text-align: center;

    &:first-child {
      text-align: left;
    }
    &:last-child {
      text-align: right;
    }
  }
}

.board {
  padding: 1rem 1rem 2rem;
  display: flex;
  overflow: hidden;
  height: calc(100vh - 6rem);

  & > div {
    flex-grow: 1;
    flex-basis: 0;
  }
}

.board-schedule {
  width: 100%;
  position: relative;

  padding: 1rem 1rem;

  &:not(:last-child) {
    border-bottom: solid 1px var(--table-border-color)
  }
}

.board-schedule-room {
  display: block;
  padding-left: 1rem;
  line-height: 2rem;
}

.board-schedule-time {
  position: absolute;
  top: 1rem;
  right: 1rem;
  line-height: 2rem;
}

.board-schedule-color {
  background-color: var(--primary-color);
  position: absolute;
  top: 3.25rem;
  left: 1rem;
  width: 0.5rem;
  height: 1.5rem;
}

.board-schedule-name {
  display: block;
  padding-left: 1rem;
  line-height: 2rem;
}