element-plus的css

Element Plus 是一个基于 Vue 3.0 的桌面端组件库，它的 CSS 部分主要采用了 SCSS 预编译语言，同时引用了 Normalize.css 作为样式重置库。

在 Element Plus 的 CSS 中，每个组件都有对应的样式文件，同时还有一些公共的样式文件，如 variables.scss（定义了一些全局变量）、mixins.scss（定义了一些 mixin）、base.scss（定义了一些全局样式）等。这些样式文件都被统一打包到了一个 element-plus.scss 文件中，用户可以根据自己的需要进行引用。

Element Plus 的 CSS 遵循 BEM 命名规范，即 Block（块）、Element（元素）、Modifier（修饰符）。每个组件都是一个独立的块，组件内部的元素使用双下划线（__）进行连接，修饰符使用单下划线（_）进行连接。例如：

.el-button { /* 块 */
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  &__icon { /* 元素 */
    margin-right: 4px;
  }
  &--primary { /* 修饰符 */
    background-color: #67c23a;
    border-color: #67c23a;
  }
}

以上是 Button 组件的部分样式代码，其中 el-button 是块名称，__icon 是元素名称，--primary 是修饰符名称。