$wpll-img-width: 60px !default;

.wpll {

  $name: &;

  margin-top: 1em;
  margin-bottom: 1em;

  &__item {
    margin-bottom: 5px;
  }

  &--thumbnail {
    #{$name}__item {
      display: flex;
      align-items: center;
    }
  }

  &--description {
    margin-bottom: 1.5em;
  }

  &__description {
    font-size: 0.85em;
    color: #666;
  }

  &--all {
    #{$name}__item {
      display: flex;
      align-items: center;
      margin-bottom: 1.5em;
    }

    // #{$name}__img {
    //   width: $wpll-img-width;
    // }
  }

  &__img {
    width: $wpll-img-width;
    flex-shrink: 0;
    margin-right: 1em;

    img {
      height: auto !important;
    }
  }
}