/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-dropdown-menu() {
  // 下拉菜单边框的宽度
  --ti-dropdown-menu-border-width: 0;
  // 下拉菜单边框的颜色
  --ti-dropdown-menu-border-color: var(--ti-common-color-light, #fff);
  // 下拉菜单弹框的阴影
  --ti-dropdown-menu-box-shadow: var(--ti-common-shadow-2-down, 0 2px 8px 0 rgba(0, 0, 0, 0.2));
  // 下拉菜单弹框的背景色
  --ti-dropdown-menu-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 下拉菜单弹框的圆角
  --ti-dropdown-menu-border-radius: var(--ti-common-border-radius-normal, 2px);
  // 下拉菜单的最小宽度
  --ti-dropdown-menu-min-width: var(--ti-common-size-9x, 36px);
  // 下拉菜单弹框与触发按钮的距离
  --ti-dropdown-menu-margin-vertical: var(--ti-common-space-base, 4px);
  // 下拉菜单弹框的垂直内边距
  --ti-dropdown-menu-padding-vertical: var(--ti-common-space-base, 4px);
  // 下拉菜单弹框的水平内边距
  --ti-dropdown-menu-padding-horizontal: var(--ti-common-space-0, 0px);
  // 下拉菜单中尺寸的弹框垂直内边距
  --ti-dropdown-menu-medium-padding-vertical: var(--ti-common-space-6, 6px);
  // 下拉菜单中尺寸的弹框水平内边距
  --ti-dropdown-menu-medium-padding-horizontal: var(--ti-common-space-0, 0px);
  // 下拉菜单小尺寸的弹框垂直内边距
  --ti-dropdown-menu-small-padding-vertical: var(--ti-common-space-6, 6px);
  // 下拉菜单小尺寸的弹框水平内边距
  --ti-dropdown-menu-small-padding-horizontal: var(--ti-common-space-0, 0px);
  // 下拉菜单弹框箭头的尺寸
  --ti-dropdown-menu-arrow-border-width: 6px;
  // 下拉菜单弹框箭头的底部外边距
  --ti-dropdown-menu-arrow-margin-bottom: 12px;
  // 下拉菜单弹框箭头的顶部外边距
  --ti-dropdown-menu-arrow-margin-top: 12px;
  // 下拉菜单弹框箭头的边框色
  --ti-dropdown-menu-arrow-border-color: var(--ti-common-color-line-normal, #adb0b8);
  // 下拉菜单弹框箭头的颜色
  --ti-dropdown-menu-arrow-after-border-color: var(--ti-common-color-light, #fff);
  // 下拉菜单弹框周边的填充色
  --ti-dropdown-menu-arrow-after-default-border-color: var(--ti-common-color-transparent, transparent);
}