Breaking News: Grepper is joining You.com. Read the official announcement!

tom-select tailwind

TP answered on February 20, 2024 Popularity 3/10 Helpfulness 1/10

answer tom-select tailwind

tom-select tailwind

Comment

.ts-control {
    @apply !p-2.5;
}

.ts-wrapper:focus {
    @apply rounded;
}

.ts-dropdown-content:focus {
    @apply shadow-xl;
}

.ts-wrapper.plugin-remove_button .item {
    @apply rounded-md;
}
.ts-wrapper.multi .ts-control > div {
    @apply p-0 m-0 pl-1;
}

.ts-wrapper.plugin-remove_button .item .remove {
    @apply border-none text-lg leading-none py-1 rounded-r-lg;
}

.ts-dropdown {
    @apply rounded-md border border-solid border-t border-gray-300 dark:border-gray-600 shadow-xl;
}

.ts-dropdown [data-selectable].option:first-child {
    @apply rounded-t-md;
}

.ts-dropdown [data-selectable].option:last-child {
    @apply rounded-b-md;
}
.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
    @apply bg-blue-600 text-white dark:text-white;
}

.ts-wrapper .option .title {
    display: block;
}
.ts-wrapper .option .url {
    font-size: 12px;
    display: block;
    color: #a0a0a0;
}

.ts-dropdown-content {
    @apply bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white;
}

.customDropDown {
    @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white cursor-default;
}

.ts-dropdown-content {
    @apply border-gray-300 dark:border-gray-600;
    border-radius: inherit;
}

.ts-wrapper.single .ts-control, .ts-dropdown.single {
    border-radius: 8px !important;
    @apply dark:bg-gray-700 dark:border-gray-600 bg-gray-50 border-gray-300 !important;
}

.item {
    @apply text-gray-900 dark:text-white;
}

.ts-wrapper.single .ts-control {
    box-shadow: none !important;
    background-image: none !important;
}

Popularity 3/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css tom-select

Link to this answer
Share Copy Link

Contributed on Feb 20 2024

0 Answers Avg Quality 2/10

tom-select tailwind

Contents

More Related Answers

tom-select tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.