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

Question

尝试使用mixin'user-select'时出现以下错误.我正在使用版本0.12.2,我非常确定支持用户从指南针中选择.那么为什么我不能使用这个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大小调整 - 指定所有浏览器的大小调整大小.
• 列 - 为所有浏览器指定柱状布局.
• 过滤器 - 为所有浏览器指定(图像)过滤器.
• 字体 - 为所有浏览器指定可下载的字体.
• 连字符 - Mixin用于打破空间并将夸张注入溢出的文本中
• 图像 - 为许多浏览器指定线性渐变和径向渐变.
• 内联块 - 为所有浏览器声明元素内联块.
• 不透明度 - 指定所有浏览器的不透明度.
• CSS区域 - 为支持的浏览器指定CSS区域.
• 文本阴影 - 指定所有浏览器的文本阴影.
• 转换 - 为许多浏览器指定转换.
• 转换 - 为所有浏览器指定样式转换.

从这里,我们可以说Compass用户界面(css3/user-interface)没有捆绑在一起,compass/css3因此你需要在css3调用之后调用它:

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

更新

指南针0.13.alpha.10起

看起来0.13.alpha.10 Compass也导入了用户界面,因为文档页面已更新:

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

还添加了动画:

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

所以@import "compass/css3"现在就够了.