* Custom Select component * Including inpot section * Adding missing import sections on docz * Change cursor once is disabled * update date range color font
40 lines
983 B
CSS
40 lines
983 B
CSS
.customSelect__wrapper .customSelect__control {
|
|
@apply bg-black border-custom-blue shadow transition duration-300 border rounded w-full text-sm text-white leading-tight;
|
|
min-height: 33px;
|
|
}
|
|
.customSelect__wrapper .customSelect__control:hover {
|
|
@apply border-gray-500;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__control:focus {
|
|
@apply border-gray-500 outline-none;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__control--menu-is-open {
|
|
@apply border-gray-500 outline-none;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__indicator-separator {
|
|
@apply hidden;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__dropdown-indicator {
|
|
padding: 4px;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__option {
|
|
@apply text-black;
|
|
}
|
|
|
|
.customSelect__wrapper .customSelect__single-value {
|
|
@apply text-white;
|
|
}
|
|
|
|
.customSelect--is-disabled .customSelect__control--is-disabled {
|
|
@apply pointer-events-none;
|
|
}
|
|
|
|
.customSelect__wrapper.customSelect--is-disabled {
|
|
@apply cursor-not-allowed pointer-events-auto;
|
|
}
|