指南针：语法错误：未定义的mixin'user-select'

Question

尝试使用mixin'user-select'时出现以下错误。我正在使用版本0.12.2，我很确定支持罗盘的user-select。那么为什么我不能使用这个mixin？

错误

 Syntax error: Undefined mixin \'user-select\'

含

// css3
    @import "compass/css3";
    @import "partials/deposit";

拨打

//File: partials/_deposit.scss
@include user-select(none);

那为什么我不能使用这个mixin？

Answer 1

从@import "compass/css3/"开始，这是导入内容的列表：

• 外观 - 指定CSS3外观属性。
• 后台剪辑 - 指定所有浏览器的背景剪辑。
• 背景来源 - 指定所有浏览器的背景来源。
• 背景尺寸 - 指定所有浏览器的背景尺寸。
• 边框半径 - 指定所有浏览器的边框半径。
• Box - 此模块提供与CSS3 Flexible Box相关的mixins。
• Box Shadow - 指定所有浏览器的框阴影。
• 大小调整大小 - 指定所有浏览器的大小调整大小。
• 列 - 为所有浏览器指定柱状布局。
• 过滤器 - 为所有浏览器指定（图像）过滤器。
• Font Face - 为所有浏览器指定可下载的字体。
• 连字符 - 用于打破空间并将夸张注入溢出文本的混合
• 图像 - 为许多浏览器指定线性渐变和径向渐变。
• 内嵌块 - 为所有浏览器声明元素内联块。
• 不透明度 - 指定所有浏览器的不透明度。
• CSS区域 - 为支持的浏览器指定CSS区域。
• 文字阴影 - 指定所有浏览器的文字阴影。
• 转换 - 为许多浏览器指定转换。
• 转换 - 为所有浏览器指定样式转换。

据此，我们可以说指南针用户界面（css3/user-interface）未与compass/css3捆绑在一起，因此您需要在css3调用之后调用它：

@import "compass/css3"
@import "compass/css3/user-interface"
//other imports

---

更新

指南针0.13.alpha.10以后

自imports user-interface as well更新以来，看起来像0.13.alpha.10指南针documentation page：

• 用户界面 - 为所有浏览器声明元素内联块。

还添加了动画：

• 动画 - 指定CSS3动画属性及其所有子属性。

因此，现在只需@import "compass/css3"即可。