////////排版////////
////对齐////
.d-text-left {
  text-align:left;
}
.d-text-center {
  text-align:center;
}
.d-text-right {
  text-align:right;
}

////标题////
.d-h1,.d-h2,.d-h3,.d-h4,.d-h5,.d-h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: @base-line-height;
  color: inherit;
}
.d-h1 {
  margin-top: @sys-layout-lg;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h1-size;
}
.d-h2 {
  margin-top: @sys-layout-lg;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h2-size;
}
.d-h3 {
  margin-top: @sys-layout-lg;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h3-size;
}
.d-h4 {
  margin-top: @sys-layout-sm;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h4-size;
}
.d-h5 {
  margin-top: @sys-layout-sm;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h5-size;
}
.d-h6 {
  margin-top: @sys-layout-sm;
  margin-bottom: @sys-layout-sm;
  font-size: @sys-h6-size;
}

////文本放大与缩小////
.d-text-big {
  font-size: 1.2em;
}
.d-text-small {
  font-size: 0.8em;
}

// 链接
.d-text-link {
  outline: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  &:hover,&:focus,&.active {
    text-decoration: none;
    outline: none;
  }
}

////链接悬浮////
.cli-text-url(@color-hover: @sys-color-link-hover){
  &:hover,&:focus,&:active,&.active{
    color: @color-hover;
  }
}
.cli-text-url-svg(@color-hover: @sys-color-link-hover){
  &:hover,&:focus,&:active,&.active{
    svg {
      fill: @color-hover;
    }
  }
}
.d-text-url {
  .cli-text-url();
}

////链接////
.d-text-linker {
  .d-text-link;
  .d-text-url;
}

// 图片
.d-img {
  vertical-align: middle;
  max-width: 100%;
  border: none;
  outline: none;
  //图片加载失败时隐藏边框
  &[src=""],&:not([src]){
    opacity: 0;
  }
}
// 圆角
.d-img-round {
  border-radius: 6px;
}
// 半圆
.d-img-circle {
  border-radius: 50%;
}

////文本色////
.d-text-theme {
  color: @color-theme;
}
.d-text-primary {
  color: @sys-color-primary;
}
.d-text-success {
  color: @sys-color-success;
}
.d-text-info {
  color: @sys-color-info;
}
.d-text-warn {
  color: @sys-color-warn;
}
.d-text-danger {
  color: @sys-color-danger;
}
.d-text-snow {
  color: @sys-color-snow;
}
.d-text-lightgray {
  color: @sys-color-lightgray;
}
.d-text-gray {
  color: @sys-color-gray;
}
.d-text-deepgray {
  color: @sys-color-deepgray;
}
.d-text-muted {
  color: @sys-color-muted;
}

////背景色////
.d-bg-theme {
  background: @color-theme;
}
.d-bg-primary {
  background: @sys-color-primary;
}
.d-bg-success {
  background: @sys-color-success;
}
.d-bg-info {
  background: @sys-color-info;
}
.d-bg-warn {
  background: @sys-color-warn;
}
.d-bg-danger {
  background: @sys-color-danger;
}
.d-bg-snow {
  background: @sys-color-snow;
}
.d-bg-lightgray {
  background: @sys-color-lightgray;
}
.d-bg-gray {
  background: @sys-color-gray;
}
.d-bg-deepgray {
  background: @sys-color-deepgray;
}
.d-bg-muted {
  background: @sys-color-muted;
}
.d-bg-fog {
  background: @sys-color-fog;
}