39 lines
913 B
CSS
39 lines
913 B
CSS
[data-reach-menu-popover] {
|
|
@apply origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-slate-900 ring-1 ring-black ring-opacity-5 focus:outline-none;
|
|
|
|
z-index: 1003;
|
|
}
|
|
|
|
[data-reach-menu-button] {
|
|
@apply focus:ring-primary-500 focus:ring-2 focus:ring-offset-2;
|
|
}
|
|
|
|
div:focus[data-reach-menu-list] {
|
|
outline: none;
|
|
}
|
|
|
|
[data-reach-menu-item][data-selected] {
|
|
@apply bg-gray-100 dark:bg-slate-700;
|
|
}
|
|
|
|
[data-reach-menu-list] {
|
|
@apply py-1;
|
|
}
|
|
|
|
[data-reach-menu-item],
|
|
[data-reach-menu-link] {
|
|
@apply block px-4 py-2.5 text-sm text-gray-700 dark:text-gray-400 cursor-pointer;
|
|
}
|
|
|
|
[data-reach-menu-link] {
|
|
@apply hover:bg-gray-100 dark:hover:bg-slate-700;
|
|
}
|
|
|
|
[data-reach-menu-item][data-disabled],
|
|
[data-reach-menu-link][data-disabled] {
|
|
@apply opacity-25 cursor-default;
|
|
}
|
|
|
|
[data-reach-menu-popover] hr {
|
|
@apply my-1 mx-2 border-t border-gray-100 dark:border-slate-700;
|
|
}
|