SASS ставит двойное имя свойства, почему?

Question

Возиться в SASS, но когда моя таблица стилей компилируется, она генерирует этот странный, недопустимый css.

.container     
        padding: 3rem 2.5rem 3rem
        background-color: red

Поскольку это хорошо компилируется в отдельности, это должен быть окружающий sass, как указано в комментариях. Если это имеет значение, то это угловой проект 5:

Окружающий sass: https://pastebin.com/tMMxf97D

Что я делаю не так?

Answer 1

У вас есть лишние пробелы и несовместимые вкладки. Я добавил переменные только для проверки. Проверьте мой переставленный код

$prim: #cccccc
$dark-prim: #666666
$grey: grey

#wrapper
  background: #F7F7F7

  .tournament-card 
    background: #fff
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.11)

    .card-title 
      background-color: $dark-prim
      padding: 2rem

      h1
        color: #fff
        text-align: center
        font-size: 1.2rem

    .container
      padding: 3rem 2.5rem 3rem
      background-color: red

    .options
      color: $grey
      margin-bottom: 1.5rem

    button
      cursor: pointer
      font-size: 1.2rem
      color: $prim
      border-radius: 4rem
      display: block
      width: 100%
      background: transparent
      border: 2px solid $prim
      padding: 0.9rem 0 1.1rem
      transition: color .5s, border-color .5s
      margin-top: 3rem

      &:hover,
      &:focus
        background: $dark-prim
        color: white

      &:active
        transform: translateY(1px)