为什么这些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);
 } 
}

我假设例如颜色，高度和字体大小是从继承的 .card__side {}到.card__side--front {}

但是不会吗？

有人知道为什么吗？