Компиляция стилуса делает неправильно

Question

Всем, надеюсь, вы поможете мне. Я начал стилизацию, и все было с несколькими блоками сайта. Но когда я начинаю писать div для галереи (вот ее код)

body
    clearfix()
    text-align center
    background url('./bgh1.jpg') no-repeat center center fixed
    background-size(cover)

#gallery
    margin-left 6%
    width 88%
    display block
    margin-left auto
    margin-right auto
    height 500px
    background black

    #line1
        width 980px
        height 345px
        background #ffffff

        #col1
            width 500px
            height 500px
            border 2px solid black
            img
                max-width 100%
                max-height 100%

Скомпилировано с большим количеством ошибок

#gallery {
  margin-left: 6%;
  width: 88%;
}
#gallery display block {
  margin-left: auto;
}
#gallery margin-right auto {
  height: 500px;
  background: #000;
}
#gallery margin-right auto #line1 width 980px {
  height: 345px;
  background: #fff;
}
#gallery margin-right auto #line1 #col1 {
  width: 500px;
  height: 500px;
  border: 2px solid #000;
}
#gallery margin-right auto #line1 #col1 img {
  max-width: 100%;
  max-height: 100%;
}

Эта команда, которую я использовал для компиляции

stylus -w views/stylesheets/styl.styl -o views/style.css

Answer 1

См. Селекторы: Отступ:

Пробелы значительны [...]

Вы смешиваете пробелы и табуляции (даже в одной строке). Даже если это выглядит нормально в вашем редакторе, это может вызвать проблемы, когда пробелы значительны. Таким образом, вы должны сконфигурировать ваш редактор, чтобы заменить вкладки одиночными пробелами, чтобы избежать этой проблемы.