スタイラスコールインミキサーセレクタ内での作業

Question

Stylus mixin機能を使用してコードを整理しようとしています。以下のコードを考えてみましょう：

.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 

コードが完全にコンパイルされますが、これはに得られます。私はそれが正しい.navbar後にミックスインのコードを含める必要があります想定していますが、どこbreakpointのスタイルが行っている

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

？

Answer 1

mixinを使用する前に定義する必要があります。 .navbarの前にミックスインを移動する必要があります。