Sassファイルスタイルが適用されていませんか？

Question

私は、webstiteのさまざまな部分のスタイルを収集する別のファイルで私のインポートを持っています。さて、すべての部分のスタイルは、サイドバーを除いてうまくいきます。何らかの理由で、そのファイルに適用するスタイルは表示されません。私はファイルを作り直して再読み込みしようとしましたが、うまくいかないようです。私が何をしているのかを見るには、以下のファイルを見てください。

インポートファイル：

@import header.sass 
@import header-image.sass 
@import homepage-content.sass 
@import sidebar.sass 
@import footer.sass 

sidebar.sass

.siderbar 
    @extend .col-xs-12 
    .search-location 
     @extend .col-xs-12 
     color: #96c11f 
     .white 
      color: white 
     .search-bar 
      font-size: 12px 
      color: #ef7d00 
      .input-group 
       @extend .col-xs-12 
      #custom-search-input 
      padding: 3px 
      border: solid 1px #E4E4E4 
      border-radius: 6px 
      background-color: #fff 
      #custom-search-input input 
       border: 0 
       box-shadow: none 
      #custom-search-input button 
       margin: 2px 0 0 0 
       background: none 
       box-shadow: none 
       border: 0 
       color: #666666 
       padding: 0 8px 0 10px 
       border-left: solid 1px #ccc 
      #custom-search-input button:hover 
       border: 0 
       box-shadow: none 
       border-left: solid 1px #ccc 
    .new-location 
     @extend .col-xs-12 
     background-color: #ef7d00 
     h1 
      color: white 
     img 
      width: 100% 

sidebar.jade

.sidebar 
    .search-location 
     p Big bread kitchen 
     p.white Bij jou in de buurt 
     p.search-text zoek op uw postcode 
     .search-bar 
      #custom-search-input 
       .input-group 
        input.form-control.input-lg(type="text", placeholder="Zoek...") 
        span.input-group-btn 
         button.btn.btn-info.btn-lg(type="button") 
          p go 
    .new-location 
     h1 Nieuwe vesting 
     img(src="images/naarden.jpg") 
    .order-online 
     p.white De lekkerste broodjes en snacks 
     h3 Online 
      span bestellen 
    .save 
     h3 Sparen 

マップ構造：​​ それは、私の悪い、単純なタイプミスでした。

Answer 1

sidebar.sassファイルで不正なクラスを定義しているようです。 sidebar.jadeでは、最初のクラスは.sidebarですが、サイドバーには.siderbarです。

sidebar.sass：

.sidebar 
    @extend .col-xs-12 
    ... 

sidebar.jade：

.sidebar 
    .search-location 
     ...