85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
/* Navbar */
|
|
.navbar {
|
|
@apply bg-gray-800 bg-opacity-75;
|
|
@apply w-full;
|
|
@apply text-base uppercase;
|
|
}
|
|
.navbar .navbrand {
|
|
@apply font-bold;
|
|
}
|
|
.navbar ul li {
|
|
@apply px-2 py-1;
|
|
@apply hidden;
|
|
}
|
|
.navbar ul li.navbrand {
|
|
display: list-item;
|
|
}
|
|
.navbar ul li > *,
|
|
.dropdown.user ul li * {
|
|
@apply align-middle;
|
|
@apply no-underline;
|
|
@apply border-solid border-gray-400 border-b-4;
|
|
}
|
|
.navbar ul.show-menu li {
|
|
display: list-item;
|
|
}
|
|
.navbar ul li.navbrand * {
|
|
@apply border-none;
|
|
@apply inline-block;
|
|
}
|
|
.navbar .hamburger {
|
|
@apply float-right;
|
|
}
|
|
@screen xl {
|
|
.navbar .navbrand .hamburger {
|
|
@apply hidden;
|
|
}
|
|
.navbar ul {
|
|
@apply flex;
|
|
}
|
|
.navbar ul li {
|
|
display: list-item;
|
|
}
|
|
}
|
|
.navbar ul li.active,
|
|
.dropdown.user ul li.active {
|
|
@apply font-bold;
|
|
}
|
|
.navbar ul li.active *,
|
|
.dropdown.active ul li.active * {
|
|
@apply border-solid border-teal-400 border-b-4;
|
|
@apply no-underline;
|
|
}
|
|
.navbar ul li.dropdown {
|
|
@apply relative;
|
|
}
|
|
.navbar ul li.dropdown.lang *,
|
|
.navbar ul li.dropdown.user > a {
|
|
@apply border-opacity-0;
|
|
}
|
|
.dropdown span,
|
|
.dropdown li {
|
|
@apply cursor-pointer;
|
|
}
|
|
.dropdown a {
|
|
display: ruby;
|
|
}
|
|
.navbar ul li.dropdown ul {
|
|
@apply bg-gray-800 bg-opacity-100;
|
|
@apply absolute;
|
|
@apply mt-1;
|
|
@apply block;
|
|
white-space: nowrap;
|
|
}
|
|
.dropdown.lang ul li {
|
|
@apply underline;
|
|
text-decoration-style: dotted;
|
|
}
|
|
.dropdown.user ul,
|
|
.dropdown.user ul li form {
|
|
@apply border-none;
|
|
}
|
|
.dropdown.user button {
|
|
@apply text-base uppercase;
|
|
}
|