sass highlight break on block after using @media in sass file

[barockok]

Here the screenshot

it's the actual text

.btn-basic.btn-inverse
  background-color: transparent
  color: lighten($purple, 30%)
  border-color: lighten($purple, 20%)
  &:hover, &.active
    background: transparent
    color: lighten($purple, 90%)
    border-color: lighten($purple, 90%)

@media (min-width: 1200px)
  .container
    width: 870px

.fa.departure
  -webkit-transform: rotate(-45deg)
  -moz-transform: rotate(-45deg)
  -ms-transform: rotate(-45deg)
  -o-transform: rotate(-45deg)
  transform: rotate(-45deg)

.fa.returning
  -webkit-transform: rotate(45deg)
  -moz-transform: rotate(45deg)
  -ms-transform: rotate(45deg)
  -o-transform: rotate(45deg)
  transform: rotate(45deg)

.fa-plane.fa.departure
  -webkit-transform: rotate(0deg)
  -moz-transform: rotate(0deg)

[tpope]

See #56.