手写笔在选择器中调用mixin起作用

Question

我正在尝试使用手写笔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{
   height: 82px;
   background: #ddd
 }

我想它应该在.navbar之后包含mixin的代码，但是breakpoint样式的.navbar在哪里？

Answer 1

在使用mixin之前，应先对其进行定义。 您需要将mixin .navbar之前。