用禅宗主题构造Sass的推荐方法是什么？

Question

我刚刚开始使用Sass，并决定第一次与禅宗一起创建一个主题。我的第一项任务是将标题区域划分为三个单独的区域:头-左、头-主、头-右。根据我到目前为止所读到的，这样做的最佳实践是进入您的副主题的.info文件并声明区域，然后转到page.tpl.php文件并使用相应的变量。

我还了解到，我可能不得不编写如下所示的Sass：

.header-container {
 @include zen-grid-container;
}

.header-left {
 @include zen-grid-item(3, 1);
}

.header-main {
 @include zen-grid-item(3, 2);
}

.header-right {
 @include zen-grid-item(3, 3);
}

我的问题如下：

( 1)我应该在哪里添加我的Sass？定义新区域的结构似乎很适合布局目录。我是在布局/_responsive.scss文件中添加Sass，还是创建一个新的文件，如layout/_custom.scss？

2)如何在禅子主题中组织我的定制造型？是否有“最佳实践”指南来描述应该如何排序？

Answer 1

我是在布局/_responsive.scss文件中添加Sass，还是创建一个新的文件，如layout/_custom.scss？

完全由你决定。模块化永远是一件好事，在多大程度上将其实现为部分取决于您的喜好，以及您实际需要编写多少代码。

如何在禅子主题中组织自定义样式？是否有“最佳实践”指南来描述应该如何排序？

我不会这么想的。没有一个行业标准来构造一个Sass项目，所以任何关于“最佳实践”或“这应该像这样做”的声明，你看到的都必须用一点盐来理解。

从我的经验来看，这基本上是常识。如果文件太大了，就把它分开。如果自然组开始形成(视图、节点、用户)，那么您可能希望将它们拆分到子文件夹中。如果您还没有使用它，如果您有大量的部分，Sass球状将消除包含它们的痛苦。