我正在为我的最新项目使用 ITCSS。
三角形的层次如下：
- 设置——与预处理器一起使用，包含字体、颜色定义等。在这一层中，常见的是定义可以自定义模板的变量。
- 工具——全局使用的 mixin 和函数。该层仅在我们使用预处理器作为 SASS 时使用。
- Generic - 重置和/或规范化样式、框大小定义等。重要的是要注意这是生成 CSS 的三角形的第一层。
- Elements — 为纯 HTML 元素（如 H1、A、页眉、页脚等）设置样式。这些带有浏览器的默认样式，因此我们必须在这里重新定义它们。
- 对象——基于类的选择器，定义了未修饰的设计模式，例如从 OOCSS 已知的媒体对象，如列表、单选按钮。
- 组件——特定的 UI 组件。我们页面的组件，例如按钮、卡片、具体列表等。
- 实用程序 - 实用程序和帮助类能够覆盖三角形中之前的任何内容。
取自https://dev.to/carlillo/understanding-itcss-real-case-using-itcss-in-a-ghostcms-blog-1p9b
但是我应该把我的css动画放在哪里？
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
1 和 2 不能生成 CSS，因此我希望数字 3（通用）是正确的部分？
任何人都可以确认吗？