Wo sind diese scss-Funktionen im Bigcommerce Stencil Stack definiert? - zub-foundation, bigcommerce

Ich suche die Quelle nach einem Geschäft, das das Stencil-Theme von BigCommerce verwendet. In einer SCSS-Datei sehe ich Funktionen, die verwendet werden, aber ich bin nicht sicher, wo diese Funktionen definiert sind. Zum Beispiel:

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

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

Ich kann nicht finden, wo das ist container oder spacing Methoden kommen von? Sind diese Teile von scss? Teil von Stiftung? Oder vielleicht etwas, was BigCommerce in ihren Produkten definiert hat Zitadelle Bibliothek?

Antworten:

0 für die Antwort № 1

Sie finden die Funktion "Container" in

<your_theme>/assets/jspm_packages/github/bigcommerce-stencil/[email protected]/dist/settings/global/container/_container.scss

Und die Abstandsfunktion in:

<your_theme>/assets/jspm_packages/github/bigcommerce-stencil/[email protected]/dist/settings/global/layout/_layout.scss