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

A set of enterprise-class Vue UI components.

.mds-select-zoom-in-top-enter-active,
.mds-select-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.mds-select-zoom-in-top-enter,
.mds-select-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
/* 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-select {
  font-size: 14px;
  color: #354052;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.mds-select .mds-input {
  cursor: pointer;
}
.mds-select-inner-input {
  background: transparent;
}
.mds-select-drop-icon {
  color: #ccd2db;
}
.mds-select-okr-icon {
  color: #646a73;
}
.mds-select-close-icon {
  color: #ccd2db;
  font-size: 12px;
}
.mds-select-close-icon:hover {
  color: rgba(0, 0, 0, 0.43);
}
.mds-select-normal-icon {
  transition: all 0.3s;
}
.mds-select-active-icon {
  transform: rotate(180deg);
  transition: all 0.3s;
}
.mds-select .mds-tag {
  background: #FAFAFD;
  border: none;
  color: #7F8FA4;
  border-radius: 2px;
  margin: 2px 0px 2px 6px;
}
.mds-select .mds-select-tags-warrp {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 100;
  line-height: normal;
  white-space: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 12px;
}
.mds-select .mds-select-tags-warrp > span {
  display: inline-block;
  margin-left: -12px;
}
.mds-select .mds-select-tags-warrp .mds-select-inner-input {
  border: none;
  outline: none;
}
.mds-select .mds-select-tags-warrp .mds-select-inner-input:focus {
  border: none;
  outline: none;
}
.mds-select-dropdown {
  margin-top: 2px;
  z-index: 9999;
  max-height: 250px;
  overflow: auto;
  background: #fff;
  box-shadow: 0px 0px 12px 0px #d8dce6;
}
.mds-select-dropdown .mds-select-dropdown-empty {
  width: 100%;
  height: 32px;
  background: #fff;
  line-height: 32px;
  text-indent: 10px;
  color: #A9ABBA;
  font-size: 14px;
}
.mds-select-dropdown .mds-select-group .mds-select-group-title {
  width: 100%;
  height: 32px;
  background: #fff;
  line-height: 32px;
  text-indent: 10px;
  color: #A9ABBA;
  font-size: 12px;
  cursor: auto;
  user-select: none;
}
.mds-select-dropdown .mds-select-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  background: #fff;
  line-height: 32px;
  text-indent: 12px;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
.mds-select-dropdown .mds-select-item:hover {
  color: #0366FF;
  background: rgba(3, 100, 255, 0.05);
}
.mds-select-dropdown .mds-select-item-selected {
  background: rgba(3, 100, 255, 0.05);
  color: #0366FF;
  position: relative;
}
.mds-select-dropdown .mds-select-item-multiple-seleted-icon-pos {
  margin-left: 10px;
  opacity: 0;
}
.mds-select-dropdown .mds-select-item-disabled {
  cursor: not-allowed;
  background: #fff;
  color: #ccc;
}
.mds-select-dropdown .mds-select-item-disabled:hover {
  background: #fff;
  color: #ccc;
}
.mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos {
  opacity: 1;
}
.mds-select-dropdown .mds-select-item-multiple-seleted .mds-select-item-multiple-seleted-icon-pos:before {
  transform: translate(-20%, 70%);
}
.mds-select-dropdown-slot {
  overflow: initial;
  max-height: none;
}
.mds-select-dropdown-slot > ul {
  max-height: 250px;
  overflow: auto;
}
.mds-select-lg {
  min-height: 42px;
}
.mds-select-md {
  min-height: 36px;
}
.mds-select-sm {
  min-height: 32px;
}
.mds-select-mn {
  min-height: 28px;
}
.mds-select-dropdown-lg {
  font-size: 16px;
}
.mds-select-dropdown-lg .mds-select-item {
  font-size: 16px;
  height: 42px;
  line-height: 42px;
}
.mds-select-dropdown-lg .mds-select-group-title {
  height: 42px;
  line-height: 42px;
}
.mds-select-dropdown-md {
  font-size: 14px;
}
.mds-select-dropdown-md .mds-select-item {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.mds-select-dropdown-md .mds-select-group-title {
  height: 36px;
  line-height: 36px;
}
.mds-select-dropdown-sm {
  font-size: 14px;
}
.mds-select-dropdown-sm .mds-select-item {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.mds-select-dropdown-sm .mds-select-group-title {
  height: 32px;
  line-height: 32px;
}
.mds-select-dropdown-mn {
  font-size: 12px;
}
.mds-select-dropdown-mn .mds-select-item {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}
.mds-select-dropdown-mn .mds-select-group-title {
  height: 28px;
  line-height: 28px;
}
/* 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 */