gpt4 book ai didi

css - Grav 和 Foundation SASS,它是如何工作的?

转载 作者:行者123 更新时间:2023-11-28 00:52:46 26 4
gpt4 key购买 nike

我已经通过 composer 安装了 Grav ( https://getgrav.org/ )。我已经创建了自己的主题,所以我可以从头开始。但现在我想使用媒体查询(断点)、 flex 网格、rem-calc() 函数、Foundation Zurb 均衡器。

我已经通过命令行安装了 Foundation:

npm install foundation-sites --save

但现在我不知道如何让基础与 Grav CMS 一起工作。我已经尝试在我的基础 scss 中 @import foundation.scss (我已经使用了一个 css 编译器)。但这似乎不起作用。

我的文件夹结构是这样的:

folder strucure

Foundation-sites 在 node_modules 映射中。我必须做什么才能使 Foundation 正常工作?

最佳答案

您的主题将包含页面部分,您在其中引用使用构建工具构建的 css 文件的路径。

user里面目录,有一个themes包含 Assets 的目录,例如 css 和 twig 文件。

实际上最好分开考虑 Grav 站点和主题。您可能希望您的 Foundation Assets 位于主题内部并从那里构建,以及任何其他主题配置和蓝图。

从构建 css 文件的主题引用...

{% do assets.add('theme://css/dist/styles.css', 101) %}
{{ assets.css() }}

...在你的<head>里面.您的构建路径可能不同于 css/dist/styles.css , 但希望你明白了。什么assets.add确实是允许您的样式通过 Grav 的 asset manager 进行过滤,它带有一些很酷的东西,比如缩小和缓存破坏。很有帮助!

关于css - Grav 和 Foundation SASS,它是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53130735/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com