aristath/kirki

View on GitHub
packages/kirki-framework/control-react-select/src/control.scss

Summary

Maintainability
Test Coverage
.customize-control-kirki-react-select {
  input[autocomplete="off"] {
    box-shadow: none;
  }
}

.kirki-react-select__value-container {
  > div:not(.kirki-react-select__single-value):not(.kirki-react-select__multi-value) {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.kirki-react-select__control {
  padding-top: 2px;
  padding-bottom: 2px;
  min-height: 26px;
}

.kirki-react-select__value-container {
  .kirki-react-select__input {
    min-height: 24px;
    height: 24px;

    input {
      min-height: 24px;
      height: 24px;
    }
  }
}

.kirki-react-select__single-value {
  display: flex;
  align-items: center;
  width: 100%;
}

.kirki-react-select__multi-value {
  align-items: center;
  position: relative;
  height: 20px;

  .kirki-react-select__input-container {
    //
  }
}

.kirki-react-select__input {
  display: inline-flex !important;
  align-items: center;
  position: relative;
  left: 2px;

  input {
    box-sizing: border-box !important;
    height: 30px;
  }
}

.kirki-react-select__indicators {
  height: 24px !important;
}

.kirki-react-select__indicator {
  align-items: center;
  height: 24px;
}

.customize-control-kirki-react-select .kirki-react-select__menu {
  z-index: 3;
}