ember-assembly/addon/components/ui-combobox/styles.css

A collection of beautiful UI components built by Goods

:global(.ui-popover-content.ui-popover-content).ui-combobox-content {
  margin-top: scale(2);
  padding: 0;
  overflow: auto;
}

.ui-combobox-trigger:focus {
  border-radius: 3px;
  box-shadow: 0 0 0 3px var(--ea-colour-blue-b4a);
  outline: none;
}

.header {
  display: flex;
}

.title {
  color: var(--ea-colour-text-default);
  flex: 1 1 auto;
  font-weight: 500;
  padding: scale(2) scale(4);
}

.close-btn {
  flex: 0 0 auto;
  text-align: right;
}

.ui-combobox-content .filter input {
  background: var(--ea-colour-neutral-n2);
  border: 0;
  border-radius: 0;
  border-top: 1px solid var(--ea-colour-blue-b3);
  padding-left: calc(scale(6) + scale(2));
  width: 100%;
}

.ui-combobox-content .filter input:focus {
  border-color: var(--ea-colour-blue-b3);
  box-shadow: none;
}

.ui-combobox-content .filter svg {
  left: 14px;
}