teaser.scss

.teaser {
  padding: 2em;

  .learn-more {
    border: 1px solid $color-border;
  }

  svg {
    width: 16px;
  }
}

.teaser--small {
  padding: 1em;
}

.teaser__title {
  font-size: 2em;
}

#pagination {
  text-align: center;
}

• BEM(Block Element Modifier)
• SCSS Nesting within a parent selector

.teaser {
padding: $spacing-lg;

&__learn-more {
border: 1px solid $color-border;
}

&__icon {
width: 16px;
}

&--small {
padding: $spacing-md;
}

&__title {
font-size: $font-xl;
}
}

.pagination {
text-align: center;
}