2016-03-24 45 views
0

我想組織我的代碼使用手寫筆混入功能。考慮下面的代碼:手寫筆調用mixin內選擇器doen'st工作

.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{ 
    height: 82px; 
    background: #ddd 
} 

我假定這應該包括混入的代碼.navbar之後哪來breakpoint的樣式去?

回答

0

mixin應該在使用之前定義。您需要在.navbar之前移動mixin。