如何使用缩进（旧样式）语法在Sass中使用mixins？

Question

My Sass（缩进语法）如下所示：

.wrapper
    overflow: hidden
    overflow: hidden
    width: 100%
    height: 100%

.hide_menu
    @mixin transition($properties: all, $duration: 0.2s, $easing: ease-in-out)
        -webkit-transition: $property $duration $easing
        -moz-transition: $property $duration $easing
        -ms-transition: $property $duration $easing
        -o-transition: $property $duration $easing
        transition: $property $duration $easing
    @mixin transform($translate: 0 0)
        -webkit-transform: $translate
        -moz-transform: $translate
        -ms-transform: $translate
        -o-transform: $translate
        transform: $translate
    @mixin transform($translate3d: 275px 0 0)
        -webkit-transform: $translate3d
        -moz-transform: $translate3d
        -ms-transform: $translate3d
        -o-transform: $translate3d
        transform: $translate3d

nav 
    width: 275px
    height: 100%
    position: fixed
    top: 0
    left: 0

但是当我编译它时，我的mixins的内容不会出现在CSS中。

Answer 1

这里的问题是你只是定义了 mixin，而不是实际调用它。如果要调用mixin，则必须使用正确的语法：

.foo
    +transform($translate3d: 275px 0 0)

另外，如果您计划在其他地方重用mixin，则应将它们放在根级别。它们现在在哪里，只能在你的.hide_menu类的特定实例中看到它们。