variables.scss 1.5 KB

123456789101112131415161718192021222324252627
  1. // Color
  2. $color-anchor_slide_default-bg-default: var(--semi-color-border); // 滑轨背景颜色
  3. $color-anchor_slide_primary-bg-active: var(--semi-color-primary); // 选中颜色 - Primary
  4. $color-anchor_slide_tertiary-bg-active: var(--semi-color-tertiary); // 选中颜色 - Tietrary
  5. $color-anchor_slide_muted-bg-active: var(--semi-color-white); // 选中颜色 - Muted
  6. $color-anchor_title-text-default: var(--semi-color-text-2); // 文字颜色 - 未选中
  7. $color-anchor_title-text-hover: var(--semi-color-tertiary-hover); // 文字颜色 - 未选中悬浮态
  8. $color-anchor_title-text-active: var(--semi-color-text-0); // 文字颜色 - 选中
  9. $color-anchor_title-text-disabled: var(--semi-color-disabled-text); // 文字颜色 - 禁用
  10. // Spacing
  11. $spacing-anchor_slide-left: $spacing-none; // 滑轨左侧位置
  12. $spacing-anchor_slide-top: $spacing-none; // 滑轨顶部位置
  13. $spacing-anchor_slide_default-Y: $spacing-extra-tight; // 选项间距 - 默认
  14. $spacing-anchor_slide_small-Y: $spacing-extra-tight; // 选项间距 - 紧凑
  15. $spacing-anchor_link-paddingLeft: $spacing-tight; // 选项文字左边距
  16. $spacing-anchor_link_title-paddingTop: $spacing-extra-tight; // 选项文字顶部内边距
  17. $spacing-anchor_link_title-paddingBottom: $spacing-extra-tight; // 选项文字底部内边距
  18. // Size
  19. $width-anchor_slide_default: 2px; // 滑轨宽度
  20. $height-anchor_slide_default: 20px; // 选项高度 - 默认
  21. $height-anchor_slide_small: 16px; // 选项高度 - 小尺寸
  22. // Radius
  23. $radius-anchor_slide: 1px; // 滑轨圆角