forked from crowetic/commerce
26 lines
561 B
CSS
26 lines
561 B
CSS
.dropdownMenu {
|
|
@apply fixed top-0 right-0 z-20 w-full h-full;
|
|
|
|
@screen lg {
|
|
@apply absolute right-0 w-screen;
|
|
max-width: 160px;
|
|
}
|
|
|
|
& .dropdownMenuContainer {
|
|
@apply flex-col py-6 bg-primary h-full justify-around;
|
|
|
|
@screen lg {
|
|
@apply border border-accents-1 shadow-lg py-2 h-auto;
|
|
}
|
|
}
|
|
|
|
& .link {
|
|
@apply cursor-pointer 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;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
&.off {
|
|
@apply hidden;
|
|
}
|
|
}
|