为啥我在 Compass 中得到“未定义的 mixin 'border-radius'”?
Posted
技术标签:
【中文标题】为啥我在 Compass 中得到“未定义的 mixin \'border-radius\'”?【英文标题】:Why do I get "Undefined mixin 'border-radius'" in Compass?为什么我在 Compass 中得到“未定义的 mixin 'border-radius'”? 【发布时间】:2013-03-03 13:25:08 【问题描述】:在我的 Compass 中,顶部文件的行包含必要的插件:
@import "compass";
@import "rgbapng";
@import "compass/css3";
@import "config"; // file that has my variables
但是在编译具有@include border-radius($box-radius-small);
错误的文件时,会显示Undefined mixin 'border-radius'
和Undefined variable: "$box-radius-small".
- 这两者都应该已经包含在内!
谁能帮忙解决这个问题?
PS 我的包裹是:
指南针 0.12.2 (Alnilam) Sass 3.2.7(媒体标记)
【问题讨论】:
【参考方案1】:只需将以下导入放在 scss 文件的顶部
@import "compass/css3";
css3的特点::http://compass-style.org/examples/compass/css3/
还有许多其他可用的导入......如果您发现自己经常重复使用 css 块以保证额外的努力,您可以创建自己的导入。
【讨论】:
【参考方案2】:尝试在每个使用 mixins 或变量的样式表中使用@import
“compass”和您的“config”变量表。
【讨论】:
嗯,这就是我在此期间所做的,但在我看来这是一个错误。我想我必须在 Github 上 ping 他们。以上是关于为啥我在 Compass 中得到“未定义的 mixin 'border-radius'”?的主要内容,如果未能解决你的问题,请参考以下文章
带有 Compass 和 Sass 的 Shopify 主题