rich‐text‐editor vars - chenxi-20/cjm-tiny-vue GitHub Wiki

.component-css-vars-colorpicker() { // 默认按钮背景色(hide) --ti-color-picker-bg-color: var(--ti-common-color-transparent); // 按钮边框色 --ti-color-picker-border-color: var(--ti-base-color-common-2); // 按钮边框厚度 --ti-color-picker-border-weight: var(--ti-common-border-weight-normal); // 没用(hide) --ti-color-picker-border-radius-xs: var(--ti-common-border-radius-normal); // 按钮边框圆角 --ti-color-picker-border-radius-sm: var(--ti-common-border-radius-1); // 没用(hide) --ti-color-picker-border-radius: var(--ti-common-border-radius-2); // 按钮垂直内边距 --ti-color-picker-padding-vertical: var(--ti-common-space-base); // 按钮水平内边距 --ti-color-picker-padding-horizontal: var(--ti-common-space-base); // 没用(hide) --ti-color-picker-spacing-2x: var(--ti-common-space-2x); // 没用(hide) --ti-color-picker-shadow: var(--ti-common-shadow-2-down); // 没用(hide) --ti-color-picker__select__wrapper-zindex: 1000; // 没用(hide) --ti-color-picker__wrapper-bg: var(--ti-common-color-bg-white-emphasize);

// 超大尺寸高度 --ti-color-picker-size-large-height: var(--ti-common-size-16x); // 超大尺寸宽度 --ti-color-picker-size-large-width: var(--ti-common-size-16x);

// 中等尺寸高度 --ti-color-picker-size-medium-height: var(--ti-common-size-12x); // 中等尺寸最小宽度 --ti-color-picker-size-medium-width: var(--ti-common-size-12x);

// 小型高度 --ti-color-picker-size-small-height: var(--ti-common-size-9x); // 小尺寸宽度 --ti-color-picker-size-small-width: var(--ti-common-size-9x);

// 迷你尺寸按钮高度 --ti-color-picker-size-mini-height: var(--ti-common-size-6x); // 迷你尺寸宽度 --ti-color-picker-size-mini-width: var(--ti-common-size-6x); }