css - 指南针：语法错误：未定义的 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 灵活盒子相关的 mixin。
• 盒子阴影- 指定所有浏览器的盒子阴影。
• Box Sizing – 指定所有浏览器的盒子大小。
• 列– 为所有浏览器指定列式布局。
• 过滤器- 为所有浏览器指定（图像）过滤器。
• 字体– 为所有浏览器指定可下载的字体。
• 连字符- Mixin 用于打破空间并将连字符注入溢出的文本
• 图像- 为许多浏览器指定线性渐变和径向渐变。
• 内联块——为所有浏览器声明一个元素内联块。
• 不透明度– 指定所有浏览器的不透明度。
• CSS 区域– 为支持的浏览器指定 CSS 区域。
• 文本阴影– 指定所有浏览器的文本阴影。
• 转换- 为许多浏览器指定转换。
• 过渡- 为所有浏览器指定样式过渡。

由此，我们可以说Compass User Interface ( 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"足够了。