dati/lib/style/common/color.less

@import '../themes/default.less';

/* 深色背景 */
.lz-bgc-red {
  background-color: @color--red;
  color: @color--white;
}

.lz-bgc-orange {
  background-color: @color--orange;
  color: @color--white;
}

.lz-bgc-yellow {
  background-color: @color--yellow;
  color: @color--white;
}

.lz-bgc-olive {
  background-color: @color--olive;
  color: @color--white;
}

.lz-bgc-green {
  background-color: @color--green;
  color: @color--white;
}

.lz-bgc-cyan {
  background-color: @color--cyan;
  color: @color--white;
}

.lz-bgc-blue {
  background-color: @color--blue;
  color: @color--white;
}

.lz-bgc-purple {
  background-color: @color--purple;
  color: @color--white;
}

.lz-bgc-mauve {
  background-color: @color--mauve;
  color: @color--white;
}

.lz-bgc-pink {
  background-color: @color--pink;
  color: @color--white;
}

.lz-bgc-brown {
  background-color: @color--brown;
  color: @color--white;
}

.lz-bgc-grey {
  background-color: @color--grey;
  color: @color--white;
}

.lz-bgc-gray {
  background-color: #f0f0f0;
  color: @color--white;
}

.lz-bgc-black {
  background-color: @color--white;
  color: @color--white;
}

.lz-bgc-white {
  background-color: @color--white;
  color: @color--darkGray;
}

.lz-bgc-shadeTop {
  background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
  color: @color--white;
}

.lz-bgc-shadeBottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
  color: @color--white;
}

/* 淡色背景 */
.lz-bgc-red.lz-light {
  color: @color--red;
  background-color: @color--redLight;
}

.lz-bgc-orange.lz-light {
  color: @color--orange;
  background-color: @color--orangeLight;
}

.lz-bgc-yellow.lz-light {
  color: @color--yellow;
  background-color: @color--yellowLight;
}

.lz-bgc-olive.lz-light {
  color: @color--olive;
  background-color: @color--oliveLight;
}

.lz-bgc-green.lz-light {
  color: @color--green;
  background-color: @color--greenLight;
}

.lz-bgc-cyan.lz-light {
  color: @color--cyan;
  background-color: @color--cyanLight;
}

.lz-bgc-blue.lz-light {
  color: @color--blue;
  background-color: @color--blueLight;
}

.lz-bgc-purple.lz-light {
  color: @color--purple;
  background-color: @color--purpleLight;
}

.lz-bgc-mauve.lz-light {
  color: @color--mauve;
  background-color: @color--mauveLight;
}

.lz-bgc-pink.lz-light {
  color: @color--pink;
  background-color: @color--pinkLight;
}

.lz-bgc-brown.lz-light {
  color: @color--brown;
  background-color: @color--brownLight;
}

.lz-bgc-grey.lz-light {
  color: @color--grey;
  background-color: @color--greyLight;
}

/* 渐变背景 */
.lz-bgc-gradual-red {
  background-image: @color--gradualRed;
  color: @color--white;
}

.lz-bgc-gradual-orange {
  background-image: @color--gradualOrange;
  color: @color--white;
}

.lz-bgc-gradual-green {
  background-image: @color--gradualGreen;
  color: @color--white;
}

.lz-bgc-gradual-purple {
  background-image: @color--gradualPurple;
  color: @color--white;
}

.lz-bgc-gradual-pink {
  background-image: @color--gradualPink;
  color: @color--white;
}

.lz-bgc-gradual-blue {
  background-image: @color--gradualBlue;
  color: @color--white;
}

/* 背景图片 */
.lz-bgc-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* mask */
.lz-bgc-mask {
  background-color: @color--black;
  position: relative;
}

/* 阴影 */
.lz-shadow[class*='-red'] {
  box-shadow: @shadowSize @color--redShadow;
}

.lz-shadow[class*='-orange'] {
  box-shadow: @shadowSize @color--orangeShadow;
}

.lz-shadow[class*='-yellow'] {
  box-shadow: @shadowSize @color--yellowShadow;
}

.lz-shadow[class*='-olive'] {
  box-shadow: @shadowSize @color--oliveShadow;
}

.lz-shadow[class*='-green'] {
  box-shadow: @shadowSize @color--greenShadow;
}

.lz-shadow[class*='-cyan'] {
  box-shadow: @shadowSize @color--cyanShadow;
}

.lz-shadow[class*='-blue'] {
  box-shadow: @shadowSize @color--blueShadow;
}

.lz-shadow[class*='-purple'] {
  box-shadow: @shadowSize @color--purpleShadow;
}

.lz-shadow[class*='-mauve'] {
  box-shadow: @shadowSize @color--mauveShadow;
}

.lz-shadow[class*='-pink'] {
  box-shadow: @shadowSize @color--pinkShadow;
}

.lz-shadow[class*='-brown'] {
  box-shadow: @shadowSize @color--brownShadow;
}

.lz-shadow[class*='-grey'] {
  box-shadow: @shadowSize @color--greyShadow;
}

.lz-shadow[class*='-gray'] {
  box-shadow: @shadowSize @color--grayShadow;
}

.lz-shadow[class*='-black'] {
  box-shadow: @shadowSize @color--blackShadow;
}

.lz-shadow[class*='-white'] {
  box-shadow: @shadowSize @color--blackShadow;
}

/* 文字阴影 */
.lz-text-shadow[class*='-red'] {
  text-shadow: @shadowSize @color--redShadow;
}

.lz-text-shadow[class*='-orange'] {
  text-shadow: @shadowSize @color--orangeShadow;
}

.lz-text-shadow[class*='-yellow'] {
  text-shadow: @shadowSize @color--yellowShadow;
}

.lz-text-shadow[class*='-olive'] {
  text-shadow: @shadowSize @color--oliveShadow;
}

.lz-text-shadow[class*='-green'] {
  text-shadow: @shadowSize @color--greenShadow;
}

.lz-text-shadow[class*='-cyan'] {
  text-shadow: @shadowSize @color--cyanShadow;
}

.lz-text-shadow[class*='-blue'] {
  text-shadow: @shadowSize @color--blueShadow;
}

.lz-text-shadow[class*='-purple'] {
  text-shadow: @shadowSize @color--purpleShadow;
}

.lz-text-shadow[class*='-mauve'] {
  text-shadow: @shadowSize @color--mauveShadow;
}

.lz-text-shadow[class*='-pink'] {
  text-shadow: @shadowSize @color--pinkShadow;
}

.lz-text-shadow[class*='-brown'] {
  text-shadow: @shadowSize @color--brownShadow;
}

.lz-text-shadow[class*='-grey'] {
  text-shadow: @shadowSize @color--greyShadow;
}

.lz-text-shadow[class*='-gray'] {
  text-shadow: @shadowSize @color--grayShadow;
}

.lz-text-shadow[class*='-black'] {
  text-shadow: @shadowSize @color--blackShadow;
}