Nesting

Many CSS properties start with the same prefix
that acts as a kind of namespace. For example,
font-family, font-size, and font-weight all start
with font-. Sass makes this easier and less
redundant by allowing property declarations to be
nested.

.enlarge {
  font-size: 14px;
  transition: {
    property: font-size;
    duration: 4s;
    delay: 2s;
  }

  &:hover { font-size: 36px; }
}

.enlarge {
  font-size: 14px;
  transition-property: font-size;
  transition-duration: 4s;
  transition-delay: 2s;
}
.enlarge:hover {
  font-size: 36px;
}