forked from crowetic/commerce
32 lines
663 B
CSS
32 lines
663 B
CSS
.root {
|
|
@apply relative;
|
|
}
|
|
|
|
.list {
|
|
@apply flex flex-row items-center h-full;
|
|
}
|
|
|
|
.item {
|
|
@apply mr-6 cursor-pointer relative transition ease-in-out duration-100 text-base flex items-center;
|
|
&:hover {
|
|
@apply text-accents-8;
|
|
}
|
|
|
|
&:last-child {
|
|
@apply mr-0;
|
|
}
|
|
}
|
|
|
|
.dropdownMenu {
|
|
@apply absolute right-0 mt-2 w-screen max-w-xs sm:px-0 z-50 border border-accents-1 bg-primary;
|
|
max-width: 160px;
|
|
|
|
&.dropdownMenuContainer {
|
|
@apply shadow-lg overflow-hidden relative grid py-2;
|
|
}
|
|
|
|
& .link {
|
|
@apply px-6 py-3 block space-y-1 hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900;
|
|
}
|
|
}
|