forked from crowetic/commerce
26 lines
568 B
CSS
26 lines
568 B
CSS
.dropdownMenu {
|
|
@apply fixed pt-6 right-0 z-20 w-full h-full;
|
|
|
|
@screen lg {
|
|
@apply absolute right-0 w-screen;
|
|
max-width: 185px;
|
|
}
|
|
|
|
& .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 flex cursor-pointer px-6 py-3 block hover:bg-accents-1 transition ease-in-out duration-150 text-base leading-6 font-medium text-gray-900 items-center;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
&.off {
|
|
@apply hidden;
|
|
}
|
|
}
|