Question

在"foundation": "5.3.0",上，为什么在编译Sass时会产生error: no mixin named panel（通过gulp-sass）？

//#app.scss
@import 'foundation/scss/normalize.scss';
@import 'foundation/scss/foundation.scss';
@import 'foundation/scss/foundation/functions'
@import 'purveyor/p.scss';

//#p.css
.content-box {
   @include panel();
}

似乎我错过了一些导入，但是哪个？

也许值得包括：

//# foundation/scss/foundation.scss
@import
  "foundation/components/grid",
  "foundation/components/accordion",
  "foundation/components/alert-boxes",
  "foundation/components/block-grid",
  "foundation/components/breadcrumbs",
  "foundation/components/button-groups",
  "foundation/components/buttons",
  "foundation/components/clearing",
  "foundation/components/dropdown",
  "foundation/components/dropdown-buttons",
  "foundation/components/flex-video",
  "foundation/components/forms",
  "foundation/components/icon-bar",
  "foundation/components/inline-lists",
  "foundation/components/joyride",
  "foundation/components/keystrokes",
  "foundation/components/labels",
  "foundation/components/magellan",
  "foundation/components/orbit",
  "foundation/components/pagination",
  "foundation/components/panels", //<--- shouldn't this be providing the mixin?
  "foundation/components/pricing-tables",
  "foundation/components/progress-bars",
  "foundation/components/range-slider",
  "foundation/components/reveal",
  "foundation/components/side-nav",
  "foundation/components/split-buttons",
  "foundation/components/sub-nav",
  "foundation/components/switches",
  "foundation/components/tables",
  "foundation/components/tabs",
  "foundation/components/thumbs",
  "foundation/components/tooltips",
  "foundation/components/top-bar",
  "foundation/components/type",
  "foundation/components/offcanvas",
  "foundation/components/visibility";

Answer 1

正如here所解释的那样，Sass编译它找到的每个.scss文件如果它不是以下划线开头那么当它找到p.scss时它会在没有它的情况下编译它其他进口名称。该修复程序正在将文件名更改为_p.scss

Zurb Foundation错误：没有mixin命名面板

1 个答案: