Stylus Aufruf Mixin innerhalb Selektor doen'st Arbeit

Question

Ich versuche, meinen Code mit Stylus Mixin-Funktion zu organisieren. Betrachten Sie den Code unten:

.navbar 
    height 82px 
    background #ddd 
    breakpoint(n.breakpoint) // mixin 

// this is the mixin I used above. 
breakpoint(value) 
    @media (max-width value) 
    .navbar-header 
     float none 
    .navbar-toggle 
     display block 
    .navbar-collapse 
     border-top 1px solid transparent 
     box-shadow inset 0 1px 0 rgba(255,255,255,0.1) 

    .navbar-collapse.collapse 
     display none !important 
    .navbar-nav 
     float none!important 
     margin 7.5px -15px 

    .navbar-nav 
     > li 
      float none 
    .navbar-collapse.collapse.in 
     display block !important 
    .collapsing 
     overflow hidden !important 

-Code kompiliert perfekt, aber das ergibt zu:

.navbar{ 
    height: 82px; 
    background: #ddd 
} 

Ich bin der Annahme, es sollte die mixin Code direkt nach .navbar sind aber wo breakpoint ‚Styles gehen?

Answer 1

Ein Mixin sollte definiert werden, bevor es verwendet wird. Sie müssen das Mixin vor .navbar verschieben.