php - 在何处以及如何在 roots 入门主题中添加/编辑 css

Question

所以我下载了 roots starter 主题，安装了 node 并运行 npm install 等。我现在有一个可用的主题。当我修改 PHP 代码时，我的样式必须与其同步。我不明白我应该在哪里编写额外的 css 以及我应该在哪里编辑现有的 css。

例如，我创建了一个页脚菜单并将其标记为

  <ul id="menu-footer" class="nav navbar-nav">
    <li class="menu-privacy-policy"><a href="#">Privacy Policy</a></li>
    <li class="menu-terms-conditions"><a href="#">Terms &amp; Conditions</a></li>
    <li class="menu-our-pledge"><a href="#">Our Pledge</a></li>
  </ul>

我必须向 #menu-footer 添加额外的样式并编辑 .nav navbar-nav 的 bootstrap 样式这是我第一次看到 less，grunt 、npm 等，我觉得我不应该直接编辑 assets/main.css 文件。

我想要任何引用链接或建议使用这些类型的文件的标准方法是什么

谢谢

Answer 1

http://roots.io/roots-101/#theme-assets

放置自定义样式的位置会因样式而异。例如，Roots 附带一个专门用于主页的 .less 文件和另一个专门用于设置页眉或页脚样式的 .less 文件。这使您可以将样式分开并更易于维护。