mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
37 lines
592 B
CSS
37 lines
592 B
CSS
.navbarWrapper {
|
|
z-index: 9;
|
|
}
|
|
|
|
.navbar {
|
|
height: rem(60);
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--mantine-color-body) 50%,
|
|
transparent
|
|
);
|
|
padding-inline: var(--mantine-spacing-lg);
|
|
transition: transform 400ms ease;
|
|
backdrop-filter: blur(16px);
|
|
overflow: hidden;
|
|
position: sticky;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 9;
|
|
}
|
|
|
|
.navbar__content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
margin-inline: auto;
|
|
}
|
|
|
|
.navbar__content > div:last-child {
|
|
flex: 1;
|
|
justify-content: flex-end;
|
|
}
|