primevue-mirror/assets/styles/layout/_topbar.scss

61 lines
1.1 KiB
SCSS
Raw Normal View History

2023-02-28 08:29:30 +00:00
.layout-topbar {
2023-10-09 07:21:14 +00:00
height: 4rem;
2023-02-28 08:29:30 +00:00
position: fixed;
top: 0;
2023-10-07 14:34:18 +00:00
left: 0;
2023-10-07 14:52:00 +00:00
padding: 0 4rem;
2023-10-07 14:34:18 +00:00
width: 100%;
2023-02-28 08:29:30 +00:00
z-index: 1100;
2023-06-14 20:02:06 +00:00
transition: background-color 1s;
2023-10-07 14:34:18 +00:00
border-bottom: 1px solid var(--surface-border);
2023-10-07 19:43:10 +00:00
display: flex;
align-items: center;
justify-content: space-between;
&.layout-topbar-sticky {
backdrop-filter: blur(8px);
}
2023-10-07 14:34:18 +00:00
2023-10-07 15:46:59 +00:00
.layout-topbar-logo-container {
width: 250px;
margin-right: 4rem;
2023-02-28 08:29:30 +00:00
2023-10-09 07:21:14 +00:00
.layout-topbar-logo {
svg {
width: 120px;
}
}
2023-10-07 19:43:10 +00:00
.layout-topbar-icon {
display: none;
2023-10-09 07:21:14 +00:00
svg {
width: 25px;
}
2023-10-07 19:43:10 +00:00
}
2023-02-28 08:29:30 +00:00
}
2023-10-07 19:43:10 +00:00
#docsearch {
margin-right: auto;
2023-02-28 08:29:30 +00:00
}
.menu-button {
display: none;
}
2023-06-14 20:02:06 +00:00
}
.layout-wrapper-light {
.layout-topbar {
&.layout-topbar-sticky {
background-color: rgba(255,255,255,.7);
}
}
}
.layout-wrapper-dark {
.layout-topbar {
&.layout-topbar-sticky {
background-color: rgba(0,0,0,.3);
}
}
2023-02-28 08:29:30 +00:00
}