@mdsfe/mds-ui/dist/style/form.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 */
.mds-form {
  /* S-对齐方式 */
  /* E-对齐方式 */
  /* S-表单尺寸 */
}
.mds-form-vertical .mds-form-item {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
.mds-form-vertical .mds-form-item-label {
  display: inline-block;
}
.mds-form-inline .mds-form-item {
  display: inline-block;
  margin-right: 24px;
}
.mds-form-inline .mds-form-item .mds-form-item-label {
  display: inline-block;
  padding-right: 12px;
}
.mds-form-inline .mds-form-item .mds-form-item-content {
  display: inline-block;
  vertical-align: middle;
}
.mds-form-item {
  margin-bottom: 22px;
  display: flex;
  font-size: 14px;
}
.mds-form-item-label {
  position: relative;
  vertical-align: middle;
  color: #7f8fa4;
  padding: 0 16px 0 0;
  box-sizing: border-box;
  line-height: 36px;
  word-break: break-all;
}
.mds-form-item-label-content {
  position: relative;
  display: inline-block;
}
.mds-form-item-content {
  flex: 1;
  height: initial;
  font-size: 14px;
  line-height: 36px;
  position: relative;
}
.mds-form-item-content_error {
  font-size: 12px;
  line-height: 20px;
  color: #ee3333;
  position: absolute;
  bottom: -20px;
}
.mds-form-item-content_error .mdsicon {
  margin-right: 2px;
}
.mds-form-item-required [class$="-label-content"]::before {
  position: absolute;
  left: -10px;
  content: "*";
  color: #ee3333;
}
.mds-form-item-error .mds-input,
.mds-form-item-error .mds-time-picker {
  border-color: #ee3333;
}
.mds-form-size-large .mds-form-item {
  font-size: 16px;
}
.mds-form-size-large .mds-form-item-label {
  padding: 0 16px 0 0;
  line-height: 40px;
}
.mds-form-size-large .mds-form-item-content {
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.mds-form-size-large .mds-input {
  padding: 6px 12px;
  height: 40px;
}
.mds-form-size-small .mds-form-item {
  font-size: 14px;
}
.mds-form-size-small .mds-form-item-label {
  padding: 0 16px 0 0;
  line-height: 32px;
}
.mds-form-size-small .mds-form-item-content {
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}
.mds-form-size-small .mds-input {
  padding: 1px 12px;
  height: 32px;
  font-size: 12px;
}
.mds-form-size-mini .mds-form-item {
  font-size: 12px;
}
.mds-form-size-mini .mds-form-item-label {
  padding: 0 16px 0 0;
  line-height: 28px;
}
.mds-form-size-mini .mds-form-item-content {
  height: 28px;
  font-size: 12px;
  line-height: 28px;
}
.mds-form-size-mini .mds-input {
  height: 28px;
  font-size: 12px;
}
.components-form-demo .mds-form {
  margin-top: 28px;
}
.components-form-demo .mds-btn {
  margin-right: 8px;
}
.components-form-demo .mds-select,
.components-form-demo .mds-cascader,
.components-form-demo .mds-time-picker {
  width: 100% !important;
}
.components-formlogin-demo .mds-btn {
  width: 100%;
}
.components-formlogin-demo .acBtn {
  margin-bottom: 16px;
}
.components-formlogin-demo .acBtn .forget {
  padding: 0;
  float: right;
  color: #0364ff;
  cursor: pointer;
}
/* 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 */