Indentation Pullback of First Property

[chriscoyier]

If you have this:

.image-container
  display grid
    grid-template-columns repeat(3, 1fr)
  grid-template-rows repeat(3, 1fr)

The output is exactly the same. It's probably not what the author meant to do, but it makes sense that it's left alone.

But if this is done, where the first line is indented:

.image-container
    display grid
  grid-template-columns repeat(3, 1fr)
  grid-template-rows repeat(3, 1fr)

The output is:

.image-container
  display grid
grid-template-columns repeat(3
1fr)
  grid-template-rows repeat(3, 1fr)

Which pulls the first two lines in one indentation, which doesn't seem right. Note the line-break between 3 and 1fr and removed comma as well.