波旁威士忌、纯正酒和苦味酒的冲突答案

【问题标题】：bourbon, neat, and bitters conflict波旁威士忌、纯正酒和苦味酒的冲突
【发布时间】：2016-10-15 15:11:53
【问题描述】：

我已经安装了： sass-3.4.22 波旁威士忌 5.0.0-beta.6 苦味-1.4.0 整洁-1.8.0 它们设置在我项目的 CSS 目录中，位于 base、bourbon 和正常目录下的整洁目录下。

在我的 .scss 表中，我有：

    @import "bourbon/bourbon";
    @import "base/base";
    @import "neat/neat";
    $font-stack: Raleway, sans-serif;
    $base-color: #4286f4; 
    #main{
          @include outer-container();
          @include linear-gradient(to top, $base-color, lighten($base-color, 20%));
          font-family: $font-stack;
    }

Sass 抛出错误 Undefined mixin 'linear-gradient'。如果我摆脱苦涩和整洁，那么线性渐变可以工作（但@include outer-container();) 当然不行。

我错过了什么？我认为使用 bourbon 会加快速度，并且比 bootstrap 更轻巧，但到目前为止，它只是让我慢了下来！

谢谢

【问题讨论】：

你可能已经检查过这个，但最新的苦涩看起来像使用core而不是base作为它的主目录。你的情况肯定是base吗？
谢谢-我会检查的。此外，他们也可能在没有真正更新文档的情况下取出一些“功能”，例如自动前缀。
是的 - 使用 Beta 始终是一场赌博，你永远不知道会得到什么！

标签： css sass bourbon neat

【解决方案1】：

linear-gradient mixin 已在 Bourbon 5 中删除。目前找到这些删除的最佳来源是 Change Log，特别是 here。 Bourbon 网站文档代表的是 v4，它是当前的稳定版本，而不是 v5。

【讨论】：

Thoughtbot （正确地）建议不要使用前缀 mixins，例如 linear-gradient()，而是使用某种 autoprefixer。因此，删除。