Bigcommerce Stencil 堆栈中定义的这些 scss 函数在哪里？答案

【问题标题】：Where are these scss functions defined in the Bigcommerce Stencil stack?Bigcommerce Stencil 堆栈中定义的这些 scss 函数在哪里？
【发布时间】：2016-02-26 20:35:08
【问题描述】：

我正在查看使用 Bigcommerce 的默认 Stencil 主题的商店的来源。在 SCSS 文件中，我看到正在使用的函数，但我不确定这些函数是在哪里定义的。例如：

# assets/scss/layouts/footer/_footer.scss

.footer {
    background-color: $footer-background;
    border-top: container("border");
    padding: spacing("double") 0;
}

我找不到 container 或 spacing 方法的来源？这些是scss的一部分吗？ Foundation 的一部分？或者 Bigcommerce 在他们的 Citadel 库中定义了什么？

【问题讨论】：

标签： zurb-foundation bigcommerce

【解决方案1】：

您可以在

中找到“容器”功能

<your_theme>/assets/jspm_packages/github/bigcommerce-stencil/citadel@2.4.3/dist/settings/global/container/_container.scss

以及中的间距函数：

<your_theme>/assets/jspm_packages/github/bigcommerce-stencil/citadel@2.4.3/dist/settings/global/layout/_layout.scss

【讨论】：