25 lines
1.1 KiB
CSS
25 lines
1.1 KiB
CSS
@layer components {
|
|
button.bw-dropdown{
|
|
@apply
|
|
border-2
|
|
border-gray-400/30
|
|
rounded-md
|
|
p-4
|
|
!outline-none
|
|
!ring-0
|
|
focus:outline-none
|
|
focus:border-blue-400
|
|
text-sm
|
|
placeholder-transparent
|
|
peer-placeholder-shown:mt-2
|
|
dark:text-slate-300 dark:border-slate-700 dark:bg-slate-800 dark:focus:border-slate-600 transition-all
|
|
}
|
|
|
|
.bw-raw-select {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
|
|
background-position: right .5rem center;
|
|
/*background-repeat: no-repeat !important;*/
|
|
background-size: 1.5em 1.5em;
|
|
@apply bg-no-repeat appearance-none bg-white border-2 border-gray-400/30 text-slate-400 text-sm rounded-md focus:border-blue-400 block w-full p-4 h-[54px] dark:text-slate-300 dark:border-slate-700 dark:bg-slate-800 dark:focus:border-slate-600
|
|
}
|
|
} |