Почему эти свойства CSS не наследуются в SASS?

Question

Мой HTML:

<div class="card">
  <div class="card__side--front">
    VORNE FRONT
  </div>
  <div class="card__side--back">
     HINTEN BACK
  </div>                            
</div>

Мой SASS:

.card{
    // Perspetive
    // https://css-tricks.com/almanac/properties/p/perspective/
    perspective: 150rem;
    -moz-prespective:150rem;
    &__side{
         color:#fff;
         font-size: 3rem;
         height: 50rem;
         transition:all .8s;
    &--front {
        background-color: orange;
    }
    &--back {
        background-color: green;
        transform:rotateY(180deg);
    }
}
&:hover &__side--back{
    transform:rotateY(0deg);
}   
&:hover &__side--front{
    transform:rotateY(180deg);
 } 
}

Я предположил, что свойства, например, color, height и font-size, унаследованы от .card__side {} to.card__side - front {}

Но не будет?

Кто-нибудь знает почему?