Update css

Thanks to asdcorp
This commit is contained in:
WindowsAddict 2024-11-13 15:42:01 +05:30
parent e069e5247e
commit cfd34d992c

View File

@ -42,15 +42,23 @@
.navbar__inner .navbar__item { .navbar__inner .navbar__item {
transition: background var(--ifm-transition-fast); transition: background var(--ifm-transition-fast);
border-radius: var(--ifm-breadcrumb-border-radius); border-radius: var(--ifm-global-radius);
margin: 0 .1rem;
padding: var(--ifm-navbar-item-padding-vertical) calc(var(--ifm-navbar-item-padding-horizontal) - .1rem);
} }
.navbar__inner .navbar__item:hover, .navbar__inner .navbar__item:hover,
.navbar__inner .clean-btn:hover, .navbar__inner .clean-btn:hover,
.navbar-sidebar__brand .clean-btn:hover { .navbar-sidebar__brand .clean-btn:hover,
.navbar__inner .dropdown__link:hover {
background-color: #fff3; background-color: #fff3;
} }
.navbar__inner .navbar__item.navbar__link--active,
.navbar__inner .dropdown__link.dropdown__link--active {
background-color: #fff2;
}
.navbar-sidebar__close { .navbar-sidebar__close {
--ifm-color-emphasis-600: #fff; --ifm-color-emphasis-600: #fff;
} }
@ -60,11 +68,20 @@
background: none; background: none;
} }
.navbar__inner .dropdown__menu {
background: #0c040ecc;
border: 1px solid #fff3;
backdrop-filter: blur(1rem);
}
.navbar__inner .github-button, .navbar__inner .github-button,
.navbar__inner .discord-button { .navbar__inner .discord-button {
width: 32px; width: 32px;
height: 32px; height: 32px;
font-size: 0; font-size: 0;
margin: 0;
border-radius: var(--ifm-breadcrumb-border-radius);
padding: var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal);
} }
.navbar__inner .github-button *, .navbar__inner .github-button *,
@ -98,21 +115,3 @@ table {
.markdown h1:first-child { .markdown h1:first-child {
--ifm-h1-font-size: 2.2rem; --ifm-h1-font-size: 2.2rem;
} }
/* Dropdown menu container */
.navbar__item.dropdown:hover .dropdown__menu {
background-color: #252534;
}
/* Dropdown menu items */
.dropdown__menu .dropdown__link {
color: #ffffff;
padding: 8px 12px;
}
/* Hover effect for dropdown menu items */
.dropdown__menu .dropdown__link:hover {
background-color: #41304a; /* Slightly lighter color for hover */
color: #ffffff;
}