47 lines
697 B
CSS
47 lines
697 B
CSS
.menu--header {
|
|
@apply flex items-center space-x-4 h-8;
|
|
}
|
|
|
|
.menu--main {
|
|
@apply flex flex-col divide-y divide-gray-200;
|
|
}
|
|
|
|
.menu--main > li {
|
|
@apply py-4 first:pt-0 last:pb-0;
|
|
}
|
|
|
|
.menu--mobile {
|
|
@apply flex-col space-x-0 h-auto divide-y divide-gray-200;
|
|
}
|
|
|
|
.menu--mobile li {
|
|
@apply py-4 w-full;
|
|
}
|
|
|
|
.menu a,
|
|
.menu div {
|
|
@apply uppercase hover:text-slate-700 text-slate-900 text-sm lg:text-base;
|
|
}
|
|
|
|
.menu--mobile a {
|
|
@apply text-lg;
|
|
}
|
|
|
|
.menu ul {
|
|
@apply pl-7 pt-1;
|
|
}
|
|
|
|
.menu ul a {
|
|
@apply text-sm;
|
|
}
|
|
|
|
.menu .current > a,
|
|
.menu .active > a {
|
|
@apply text-slate-900 font-bold;
|
|
}
|
|
|
|
.menu .icon-link,
|
|
.menu .icon-section {
|
|
@apply flex items-center space-x-2;
|
|
}
|