ITCSS：在哪里放置CSS动画？

Question

我正在为最新项目使用ITCSS。

三角形的层如下：

• 设置-与预处理器一起使用，并包含字体，颜色 定义等。在这一层很常见，定义了 可以自定义模板。
• 工具-全局使用的mixin和函数。该层仅用于 如果我们使用预处理器作为SASS。
• Generic —重置和/或规范化样式，框大小定义等。 重要的是要注意，这是三角形的第一层 会生成CSS。
• Elements —裸HTML元素（如H1，A，标头， 页脚，...）。这些带有来自浏览器的默认样式，因此我们 必须在这里重新定义它们。
• Objects —定义未装饰设计的基于类的选择器 模式，例如从OOCSS已知的媒体对象，例如列表， 单选按钮。
• Components-特定的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（通用）是正确的部分？

任何人都可以确认吗？

Answer 1

itcss中的动画

如果使用了动画，请在对象层中对其进行多个定义。
如果您使用的是presprossor并为不同的组件创建动画，请将其放在 Tools层中。
如果是一次性动画，则应将其放置在组件层

中