@mdsfe/mds-ui/dist/style/text.css

A set of enterprise-class Vue UI components.

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.text-style {
  display: flex;
  justify-content: space-around;
}
.text-style > div {
  width: 30%;
}
.text-style > div > p {
  height: 30px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-bottom: 16px;
}
.text-style > div > ul {
  list-style: none;
}
.text-style > div > ul li {
  height: 32px;
}
.text-style > div > ul li span:nth-child(1) {
  display: inline-block;
  width: 40%;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #68768C;
  line-height: 20px;
}
.mds-text {
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 22px;
  color: #354052;
}
.mds-text + .mds-text {
  margin-left: 0;
}
.mds-text .mdsicon {
  margin: 0 7px;
}
.mds-text .line-format-border-color,
.mds-text .line-swap-stroke {
  color: #0364FF;
  cursor: pointer;
}
.mds-text .line-check {
  color: #00BA00;
}
.mds-text-primary {
  color: #354052;
}
.mds-text-secondary {
  color: #7F8FA4;
}
.mds-text-dark {
  color: #A9ABBA;
}
.mds-text-disabled {
  color: #D8DCE6;
}
.mds-text-danger {
  color: #EE3333;
}
.mds-text-success {
  color: #00AA00;
}
.mds-text-warning {
  color: #FFCC01;
}
.mds-text-info {
  color: #0095FF;
}
.mds-text-mark {
  background: #FFF9A3;
}
.mds-text-code {
  background: #F0F2F5;
  padding: 1px 4px;
}
.mds-text-underline {
  text-decoration: underline;
}
.mds-text-delete {
  text-decoration: line-through;
}
.mds-text-strong {
  font-weight: 600;
}
.mds-link {
  padding: 2px 8px;
  display: inline-block;
}
.mds-link:hover {
  cursor: pointer;
  color: #2C85FF;
  background: #EEF8FF;
}
.mds-link:active {
  cursor: none;
  color: #004CD9;
  background: #EEF8FF;
  text-decoration: none;
}
.mds-link:focus {
  text-decoration: none;
}
.mds-link.has-underline:hover {
  text-decoration: underline;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */