Nested Ampersand Sample

nested-ampersand.scss

.nested-item {
  $this: &;

  &__wrapper {
    display: flex;
  }

  &__title {
    padding-bottom: 10px;
  }

  &__image-container {
    display: block;

    #{$this}__image-placer--svg & {
      position: absolute;
    }
  }

  &:focus,
  &:hover {
    #{$this}__description {
      text-decoration: underline;
    }
  }
}