错误：在 Woocommerce 中没有名为 Susy 的 mixin [重复]答案

【问题标题】：Error: no mixin named transition with Susy in Woocommerce [duplicate]错误：在 Woocommerce 中没有名为 Susy 的 mixin [重复]
【发布时间】：2018-12-28 17:07:54
【问题描述】：

我正在使用 Gulp 和 Sass 编译 Woocommerce 的 Storefront 主题，但其中一个 mixin 出现错误：

插件“sass”中的错误信息：店面/资产/css/woocommerce/woocommerce.scss 错误：没有名为转换的 mixin 在 storefront/assets/css/woocommerce/woocommerce.scss 的第 2831 行，在 mixin @content 从 node_modules/susy/sass/susy/language/susy/_breakpoint-plugin.scss 的第 52 行，在 mixin susy-media 从 storefront/assets/css/woocommerce/woocommerce.scss 的第 1881 行

                         @include transition( left 0.3s ease-out );

有什么想法吗？

PS。 Susy 还有一些其他问题，但降级到 susy-2.2.14 解决了这些问题。

编辑：通过添加解决：

@mixin transition($args...) { 
    -webkit-transition: $args; 
    -moz-transition: $args; 
    -ms-transition: $args; 
    -o-transition: $args; 
    transition: $args; 
}

【问题讨论】：

通过添加解决：@mixin transition($args...) { -webkit-transition: $args; -moz 过渡：$args； -ms 过渡：$args； -o-过渡：$args；过渡：$args； }

标签： woocommerce sass susy susy-sass storefront

【解决方案1】：

要么没有mixintransition，要么不包含\删除，要么应用this answer。

@include 需要一个 mixin。在这种情况下，它需要一个名为 “过渡”，我认为您正在尝试将“过渡”应用为 CSS 属性。

查看此页面：http://sass-lang.com/guide

【讨论】：