@import "../lib/font";
@import "../lib/colors";
@import "../image";

@font-face {
  font-family: 'bi';
  src: url('@{fontUrl}iconfont.eot');
  src: url('@{fontUrl}iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('@{fontUrl}iconfont.woff') format('woff'), /* chrome、firefox */ url('@{fontUrl}iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('@{fontUrl}iconfont.svg#svgFontName') format('svg'); /*  iOS 4.1- */
}

.b-font {
  font-family: "bi";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.font(close-font, @font-cross);
.font-hover(close-h-font, @font-cross);
.font-hover-active(close-ha-font, @font-cross);

.font(circle-close-font, @font-circle-close);

//搜索框中的带有hover后颜色变红的图标
.font-hover(search-close-h-font, @font-cross, inherit, @color-bi-text-failure);

.font-hover(pre-page-h-font, @font-arrow-left);

.font-hover(next-page-h-font, @font-arrow-right);

.font(search-font, @font-search);

.font(date-font, @font-date);
.font-hover(date-change-h-font, @font-change);

//子菜单选中
.font(dot-font, @font-dot, @color-bi-text-black);
.font-hover(dot-h-font, @font-dot, @color-bi-text-black);
.font-hover-active(dot-ha-font, @font-dot, @color-bi-text, @color-bi-text-gray, @color-bi-text-black);
.font-effect(dot-e-font, @font-dot, transparent, fade(@color-bi-text-highlight, 6), @color-bi-text-highlight, @color-bi-text-highlight);

//向右展开子菜单
.font(pull-right-font, @font-right-triangle);
.font-hover(pull-right-h-font, @font-right-triangle);
.font-hover-active(pull-right-ha-font, @font-right-triangle);
.font-effect(pull-right-e-font, @font-right-triangle);

//复制
.font(copy-font, @font-copy);
.font-hover(copy-h-font, @font-copy, @color-bi-text-black);
.font-hover-active(copy-ha-font, @font-copy);
.font-effect(copy-e-font, @font-copy);

//选中的字段
.font(check-mark-font, @font-check-mark);
.font-hover(check-mark-h-font, @font-check-mark);
.font-hover-active(check-mark-ha-font, @font-check-mark);
.font-effect(check-mark-e-font, @font-check-mark);

/** dashboard组件/控件 下拉列表图标字体 ~end~**/


//翻页按钮字体图标
.font-hover(row-pre-page-h-font, @font-solid-left);
.font-hover(row-next-page-h-font, @font-solid-right);
.font-hover(column-pre-page-h-font, @font-solid-top);
.font-hover(column-next-page-h-font, @font-solid-bottom);

.font(expander-right-font, @font-solid-right);
.font(expander-down-font, @font-solid-bottom);

// 实心下拉三角
.font-hover(solid-triangle-top-font, @font-solid-top);
.font-hover(solid-triangle-bottom-font, @font-solid-bottom);

//下拉框小小三角
.font(trigger-triangle-font, @font-no-sort-no-filter);

//单选下拉框
//向下展开子菜单
.font(pull-up-font, @font-up-triangle);
.font(pull-down-font, @font-down-triangle);
.font-hover(pull-down-h-font, @font-down-triangle, @color-bi-text-light-gray);
.font-hover-active(pull-down-ha-font, @font-down-triangle, @color-bi-text-light-gray);

.font(check-font, @font-check-mark, @color-bi-text-highlight);

.font-hover-active(item-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-font-active);

.font-hover(primary-key-font, @font-key);

.font(drag-tag-font, @font-cross, @color-bi-text-redmark);

//数值区间
.font(less-font, @font-less);
.font(less-equal-font, @font-less-equal);

//文本控件
.font(text-bold-font, @font-bold);
.font(text-italic-font, @font-italic);
.font(text-underline-font, @font-underline);
.font(text-color-font, @font-color);
.font(text-background-font, @font-background);
.font(text-color-underline-font, @font-color-underline);
.font(text-align-left-font, @font-align-left);
.font(text-align-center-font, @font-align-center);
.font(text-align-right-font, @font-align-right);

//toast
.font(toast-error-font, @font-tip-error);
.font(toast-success-font, @font-tip-success);
.font(toast-warning-font, @font-tip-warning);
.font(toast-message-font, @font-tip-message);

.font(text-add-tip-font, @font-add, @color-bi-text-success);

.font(add-up-font, @font-up-triangle);
.font(minus-down-font, @font-down-triangle);