// 导入外部样式表，可能是包含通用样式或变量定义的文件
@import '../index';

// 定义多标签组件的前缀类，用于构建CSS选择器
@multi-tab-prefix-cls: ~"@{ant-pro-prefix}-multi-tab";
@multi-tab-wrapper-prefix-cls: ~"@{ant-pro-prefix}-multi-tab-wrapper";

/*
 * 定义多标签组件在.topmenu类下的样式
 * 设置最大宽度为1200px
 * 设置左右边距，左边距为-23px，右边距为24px，自动居中
 */
.topmenu .@{multi-tab-prefix-cls} {
  max-width: 1200px;
  margin: -23px auto 24px auto;
}

// 为多标签组件设置通用样式
.@{multi-tab-prefix-cls} {
  margin: -23px -24px 24px -24px; // 设置四个方向的边距
  background: #fff; // 背景颜色为白色
}

// 定义多标签组件在.topmenu类下的多标签包装器的样式
.topmenu .@{multi-tab-wrapper-prefix-cls} {
  max-width: 1200px; // 最大宽度为1200px
  margin: 0 auto; // 水平居中对齐
}

// 当内容宽度是流体布局时，设置多标签包装器的最大宽度为100%
.topmenu.content-width-Fluid .@{multi-tab-wrapper-prefix-cls} {
  max-width: 100%; // 最大宽度为100%
  margin: 0 auto; // 水平居中对齐
}