在 SASS SMACSS 中放置 shadowbox modal CSS 的位置答案

【问题标题】：where to put shadowbox modal CSS in SASS SMACSS在 SASS SMACSS 中放置 shadowbox modal CSS 的位置
【发布时间】：2015-01-16 12:44:42
【问题描述】：

我是SMACSS 的新手。我正在使用 sass，我想使用 SMACSS 导入 shadowbox 模态 css。我有点困惑将shadowbox.css 文件放在哪里。我的意思是在BASE 或其他地方。我阅读了文档，但仍然很混乱。请支持。谢谢。

【问题讨论】：

这里有技术问题吗？如果你的问题是“我如何根据别人的任意规则来格式化我的代码”，那么这个问题就离题了。
@cimmanon，为了避免误解，在 SMACSS 中，您应该将 CSS 规则放在 5 个类别之一（基础、模块、状态、布局、主题）。如果我猜对了，问题是应该使用什么类别来放置 shadowbox.css 内容
@Evgeniy 对我来说听起来像是任意规则。与制表符与空格、一般格式或命名约定没有什么不同。这里没有技术问题，就是“我的东西不知道该叫什么”的情况。
@cimmanon，但老实说，很难在有关命名约定的线程中找到真正的技术问题:) 一方面你是对的，但另一方面很难问不同类型的问题在此标签中，然后是“如何命名我的选择器”和“放置我的 CSS 规则的位置”

【解决方案1】：

当您“扩展”具有额外功能的父模块时，在 MODULES 中为 modal 添加子类的最佳方式。

.modal-shadow {
    box-shadow: 0 0 10px #000;
}

并在 HTML 中使用它

<div class="modal modal-shadow">
    something
</div>

【讨论】：