breaks.scss

/**
 * @file: With breaks.
 */
.selector1 {
  position: absolute;
  padding-left: 2.5rem;
  color: $blue;
 
  .selector2 {
    position: relative;
    left: 0;
    width: 2.5rem;
    text-align: right;
    color: $white;
 
    &:hover {
      color: $blue;
    }
  }
 
  &:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: blue;
  }
}

no-breaks.scss

/**
 * @file: No line breaking.
 */
.selector1 {
  position: absolute;
  padding-left: 2.5rem;
  color: $blue;
  .selector2 {
    position: relative;
    left: 0;
    width: 2.5rem;
    text-align: right;
    color: $white;
    &:hover {
      color: $blue;
    }
  }
  &:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: blue;
  }
}