// 
// taskboard.scss
//

.tasklist {
  min-height: 40px;
  margin-bottom: 0;

  h5 {
    overflow: hidden;
  }

  li {
    background-color: $white;
    border: 1px solid $gray-300;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 3px;

    &:last-of-type {
      margin-bottom: 0;
    }
    
    .btn-sm {
      padding: 2px 8px;
      font-size: 12px;
    }

    &.task-low {
      border-left: 3px solid rgba($success,0.5);
    }
    &.task-medium {
      border-left: 3px solid rgba($warning,0.5);
    }
    &.task-high {
      border-left: 3px solid rgba($danger,0.5);
    }
  }
  
  .checkbox {
    margin-left: 10px;
  }
}



.task-placeholder {
  border: 1px dashed $gray-300 !important;
  background-color: $gray-100 !important;
  padding: 20px;
}