SASS mixin 中的条件抛出错误

Question

我正在尝试使用条件创建一个 mixin，但在编译时出现错误。产生的错误是：

Error: Properties are only allowed within rules, directives, mixin includes, or other properties.

这是我正在使用的代码：

@mixin mypadder ($topBottomBoth: myDefaultOption, $topUnits: 0, $bottomUnits: 0) {
    @if $topBottomBoth == tp {
        padding-top: 1em;
        }
    @else if $topBottomBoth == bt {
        padding-bottom: 1em;
        }
    @else {
        padding-top: 1em;
        padding-bottom: 1em;
        }
    }

我还尝试将 $topBottomBoth 参数的值放在引号中，首先只是它出现在参数中的位置（mixin 的第一行），然后另外在条件中将该变量/参数的值放在引号中测试。在每种情况下，我都会遇到相同的错误。看了很多条件 mixins 的例子后，我仍然看不出我的语法哪里错了。

Answer 1

你的 mixin 没有错，只是你说错了。 Sass 知道 CSS 属性不允许在选择器之外。

不正确：

@include mypadder;

正确：

.foo {
    @include mypadder;
}