choerodon-ui/pro/es/intl-field/style/index.css

An enterprise-class UI design language and React-based implementation

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
.c7n-pro-input-suffix-button .c7n-pro-input-intl.icon-language {
  color: #000000;
  cursor: pointer;
}
.c7n-pro-textarea-suffix-button .c7n-pro-textarea-intl.icon-language {
  color: #000000;
  cursor: pointer;
}
/* 多行 */
.c7n-pro-textarea-intl {
  /* 有border */
  /* 必填 */
  /* focus */
  /* 校验失败 */
  /* float label */
  /* 禁用 */
}
.c7n-pro-textarea-intl .c7n-pro-textarea {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  /* focus */
}
.c7n-pro-textarea-intl .c7n-pro-textarea-suffix {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 0.24rem;
  height: auto;
  margin: 0;
  border: 0.01rem none #d9d9d9;
  border-left: 0;
  border-top-right-radius: 0.02rem;
  border-bottom-right-radius: 0.02rem;
}
.c7n-pro-textarea-intl .c7n-pro-textarea:focus ~ .c7n-pro-textarea-suffix {
  border-color: #b6bfdb;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c7n-pro-textarea-intl label:hover .c7n-pro-textarea ~ .c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl .c7n-pro-textarea:hover ~ .c7n-pro-textarea-suffix {
  border-color: #6374c2;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-border .c7n-pro-textarea-suffix {
  border-style: solid;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-required-colors .c7n-pro-textarea-suffix {
  border-color: #d9d9d9;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-required-colors .c7n-pro-textarea:hover ~ .c7n-pro-textarea-suffix {
  border-color: #6374c2;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-required-colors:not(.c7n-pro-textarea-intl-invalid) label:hover .c7n-pro-textarea-suffix {
  border-color: #6374c2;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-focused .c7n-pro-textarea-suffix {
  border-color: #b6bfdb;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-required-colors .c7n-pro-textarea:focus ~ .c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl.c7n-pro-textarea-required-colors.c7n-pro-textarea-focused .c7n-pro-textarea-suffix {
  border-color: #b6bfdb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-invalid .c7n-pro-textarea:hover ~ .c7n-pro-textarea-suffix {
  border-color: #d50000;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-invalid .c7n-pro-textarea:focus ~ .c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl.c7n-pro-textarea-invalid.c7n-pro-textarea-focused .c7n-pro-textarea-suffix {
  border-color: #d50000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-invalid .c7n-pro-textarea-suffix.c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl.c7n-pro-textarea-invalid label:hover .c7n-pro-textarea-suffix.c7n-pro-textarea-suffix {
  border-color: #d50000;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-float-label .c7n-pro-textarea-suffix {
  border: none;
}
.c7n-pro-textarea-intl.c7n-pro-textarea-disabled .c7n-pro-textarea ~ .c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl.c7n-pro-textarea-disabled label:hover .c7n-pro-textarea ~ .c7n-pro-textarea-suffix,
.c7n-pro-textarea-intl .c7n-pro-textarea:disabled ~ .c7n-pro-textarea-suffix {
  border-color: #d9d9d9;
}
.c7n-pro-output-intl-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c7n-pro-output-intl-wrapper .c7n-pro-output-suffix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.24rem;
  height: 0.2rem;
  cursor: pointer;
}