refactor navbar code

This commit is contained in:
Alexander Navarro 2023-08-20 11:45:40 -04:00
parent bced6944f6
commit bb346995ea
4 changed files with 66 additions and 41 deletions

View file

@ -11,27 +11,6 @@ body {
margin: auto;
}
/* TODO: Optimize, clean and realocate where it belogns the links styles */
a {
--boder-color: transparent;
color: var(--prj-link-text);
border: 1px solid var(--boder-color);
border-radius: 4px;
transition: background-color 200ms, color 200ms;
}
a.active {
border: 1px solid var(--prj-accent-bg);
}
a:hover {
--border-color: var(--prj-accent-bg);
background-color: var(--prj-accent-bg);
color: var(--prj-accent-text);
border: 1px solid var(--border-color);
}
/* Main content fix width, taken from Tailwind: https://tailwindcss.com/docs/container#using-the-container */
@media screen and (min-width: 640px) {