vkashti / components / ui / Navbar / Navbar.module.css
Navbar.module.css
Raw
.root {
  @apply sticky top-0 z-40 transition-all duration-150 h-[70px] md:h-[80px] bg-orange-100;
}

.link {
  @apply inline-flex items-center leading-6 font-medium transition ease-in-out duration-75 cursor-pointer text-zinc-900 rounded-md p-1;
}

.link:hover {
  @apply text-zinc-800;
}

.link:focus {
  @apply outline-none text-zinc-800 ring-2 ring-pink-700 ring-opacity-50;
}

.logo {
  @apply cursor-pointer rounded-full transform duration-100 ease-in-out;
}