ten-design-vue/lib/theme/vars-tight.less

ten-vue

/**
 * 紧凑版变量覆写
 * 如发现需要用到的变量没有定义，先在样式文件中抽出来在 vars.less 中添加该变量
 * 变量命名方式 组件名-属性-修饰 如 button-fontsize-small
 */
@button-height-default: 32px;
@button-line-height-default: @button-height-default - @button-border-width * 2;
@button-height-large: 40px;
@button-line-height-large: @button-height-large - @button-border-width * 2;
@button-height-small: 32px;
@button-line-height-small: @button-height-small - @button-border-width * 2;

@button-padding-default: 0 16px;
@button-padding-large: 0 24px;
@button-padding-small: 0 16px;

@button-min-width-default: 64px;
@button-min-width-large: 80px;
@button-min-width-small: 64px;

@button-font-size-default: 14px;
@button-font-size-large: 16px;
@button-font-size-small: 14px;

@button-icon-size-default: 14px;
@button-icon-size-large: 16px;
@button-icon-size-small: 14px;

@button-span-left: 4px;

/* input */
@input-height-default: 32px;
@input-height-small: 32px;
@input-tag-margin: 3px;

/* check */
@check-span-padding-right: 6px;
@check-span-padding-left: 8px;

/* select */
@select-option-line-height: 40px;

/* popup */
@popup-padding: 0;

/* menu */
@menu-item-height-horizontal: 64px;
@menu-collapsed-width-vertical: 72px;
@menu-item-deep-0-height-vertical: 48px;
@menu-width-vertical: 232px;
@menu-item-content-padding-vertical: 0 8px;
@menu-padding-vertical: 12px 16px 0;
@menu-footer-right: 28px;
@menu-footer-height: 40px;
@menu-footer-top: 12px;

/* steps */
@steps-icon-size: 20px;
@steps-vertical-left: 9px;
@steps-vertical-after-left: 5px;
@steps-vertical-after-line-left: 16px;
@steps-vertical-right: 44px;

/* tabs */
@tabs-height: 48px;

/* modal */
@modal-icon-right: 14px;

/* table */
@table-td-padding: 10px 18px;
@table-page-height: 56px;
@table-page-padding-top: 12px;
@form-item-err-line-height: 16px;

/* pagination */
@pagination-item-margin-left: 8px;
@pagination-item-margin-top: -2px;

/* upload */
@upload-icon-right: 0px;

/* form */
@form-item-bottom: 16px;