[Summary view] [Print] [Text view]

   1  .new-task {
   2    display: flex;
   3    overflow: hidden;
   4    color: hsl(var(--hue), 30%, 40%);
   5    background-color: hsl(var(--hue), 60%, 97%);
   6    border: 1px solid hsl(var(--hue), 50%, 93%);
   7    border-radius: .25rem;
   8  }
   9  
  10  .new-task-title {
  11    margin-bottom: .25rem;
  12    font-size: 1rem;
  13    font-weight: 700;
  14  }
  15  
  16  .new-task-link {
  17    display: flex;
  18    align-items: flex-end;
  19    justify-content: center;
  20    width: 2.5rem;
  21    font-size: 1.2rem;
  22    background: hsl(var(--hue), 50%, 93%);
  23  }
  24  
  25  .new-task-caption {
  26    display: box;
  27    margin: 0;
  28    overflow: hidden;
  29    font-size: .875rem;
  30    box-orient: vertical;
  31    -webkit-line-clamp: 3;
  32  }
  33  
  34  .new-task-details {
  35    flex: 1 0;
  36    padding: 1rem;
  37  }
  38  
  39  .new-task * {
  40    transition: all .25s ease;
  41  }
  42  
  43  .new-task:hover .new-task-link {
  44    background: var(--template-bg-dark);
  45  }
  46  
  47  .new-task-link span {
  48    margin-bottom: 10px;
  49    color: hsl(var(--hue), 30%, 40%);
  50  }
  51  
  52  .new-task:hover .new-task-link span {
  53    color: #fff;
  54  }
  55  
  56  .new-tasks .card-columns {
  57    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  58  }