Growstuff/growstuff

.planting {
  .planting-badges {
    font-size: 1em;
    position: absolute;
    top: 3em;
 
Selector should have depth of applicability no greater than 2, but was 3
    .badge-super-late {
      background-color: $red;
    }
 
Selector should have depth of applicability no greater than 2, but was 3
    .badge-harvest {
      background-color: $blue;
    }
  }
 
  .planting-thumbnail {
    padding: 0;
    width: 150px;
 
Selector should have depth of applicability no greater than 2, but was 3
    .badge {
      font-size: 100%;
    }
  }
 
  .planting-name {
    position: relative;
    text-align: center;
    top: 0;
  }
 
  .planting-quick-actions {
    left: 0;
    position: absolute;
    top: 0;
  }
 
  .planting-thumbnail-photo {
    height: 150px;
  }
 
Avoid qualifying class selectors with an element.
  dl.planting-attributes {
Selector should have depth of applicability no greater than 2, but was 3
    dt {
      text-align: left;
    }
 
Selector should have depth of applicability no greater than 2, but was 3
    dd {
      margin-left: auto;
    }
  }
 
  .card-footer {
    max-height: 2em;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5em;
    padding-top: 0;
  }
}