Files
landing_page/qdrant-landing/themes/qdrant/static/css/blocks/_documentation.scss
T
trean 9d75d977fe Added scroll to the documentation sidebar (#102)
* scroll on docs sidebar

* scrollbar styles for docs sidebar

* fix
2022-12-09 13:47:18 +01:00

72 lines
1.2 KiB
SCSS

@use "../helpers/mixins" as mixins;
@use "../helpers/functions" as lib;
.documentation {
@include mixins.content-reset;
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.25rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.25rem;
}
p {
margin-bottom: 0.7rem;
}
&__sidebar {
top: lib.rem(30);
}
&__sidebar-list {
max-height: calc(100vh - 90px);
overflow-y: scroll;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
scroll-behavior: smooth;
&::-webkit-scrollbar {
display: none;
}
&::-webkit-scrollbar {
width: 1px;
}
&::-webkit-scrollbar-thumb {
background: var(--brand-gray);
}
&:hover {
scrollbar-width: thin; /* Firefox */
scrollbar-color: var(--brand-gray) var(--brand-mid-grey) !important;
&::-webkit-scrollbar {
display: block;
}
}
@media (hover: none) {
scrollbar-width: thin; /* Firefox */
scrollbar-color: var(--brand-gray) var(--brand-mid-grey) !important;
&::-webkit-scrollbar {
display: block;
}
}
}
}