Sass-Dateistile werden nicht angewendet?

Question

So habe ich meine Importe in einer anderen Datei sammeln die Stile der verschiedenen Teile der website. Jetzt funktionieren die Stile aller Teile gut, außer sidebar.sass Aus irgendeinem Grund wird keiner der Stile angezeigt, die ich in dieser Datei anwende. Ich habe versucht, die Datei neu zu erstellen und neu zu importieren, aber es scheint einfach nicht zu funktionieren. Bitte schauen Sie sich die Dateien unten an, um zu sehen, was ich mache.

Import-Datei:

@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 

Map-Struktur: http://prntscr.com/flhmco Es war ein einfacher Tippfehler, mein schlecht.

Answer 1

Es scheint, als ob Sie in der Datei sidebar.sass eine falsche Klasse definieren. In sidebar.jade ist die erste Klasse .sidebar, aber in sidebar.sass ist es .siderbar.

sidebar.sass:

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

sidebar.jade:

.sidebar 
    .search-location 
     ...