@import './var';
.text-xs {
  font-size: 10px;
}

.text-sm {
  font-size: 12px;
}

.text-df {
  font-size: 14px;
}

.text-lg {
  font-size: 16px;
}

.text-xl {
  font-size: 18px;
}

.text-xxl {
  font-size: 22px;
}

.text-sl {
  font-size: 40px;
}

.text-xsl {
  font-size: 60px;
}

.text-Abc {
  text-transform: Capitalize;
}

.text-ABC {
  text-transform: Uppercase;
}

.text-abc {
  text-transform: Lowercase;
}

.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 2px;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-content {
  line-height: 1.6;
}

.text-red, .plain-red, .plains-red {
  color: @red;
}

.text-orange, .plain-orange, .plains-orange {
  color: @orange;
}

.text-yellow, .plain-yellow, .plains-yellow {
  color: @yellow;
}

.text-olive, .plain-olive, .plains-olive {
  color: @olive;
}

.text-green, .plain-green, .plains-green {
  color: @green;
}

.text-cyan, .plain-cyan, .plains-cyan {
  color: @cyan;
}

.text-blue, .plain-blue, .plains-blue {
  color: @blue;
}

.text-purple, .plain-purple, .plains-purple {
  color: @purple;
}

.text-mauve, .plain-mauve, .plains-mauve {
  color: @mauve;
}

.text-pink, .plain-pink, .plains-pink {
  color: @pink;
}

.text-brown, .plain-brown, .plains-brown {
  color: @brown;
}

.text-grey, .plain-grey, .plains-grey {
  color: @grey;
}

.text-gray, .plain-gray, .plains-gray {
  color: #aaa;
}

.text-black, .plain-black, .plains-black {
  color: @black;
}

.text-white, .plain-white, .plains-white {
  color: @white;
}