Files
landing_page/qdrant-landing/themes/qdrant-2024/assets/css/partials/_table-of-contents.scss
T
trean 6f49a1e761 Light theme for the documentation page (#931)
* light theme for docs, wip

* several switchers, fixes

* format

* fix

* sooner apllication of user's theme

* dark theme by default
2024-05-30 19:06:12 +02:00

109 lines
1.7 KiB
SCSS

@use '../helpers/functions' as *;
.table-of-contents {
background-color: $neutral-10;
margin-bottom: -1px;
&__title {
display: none;
color: $neutral-98;
margin-bottom: $spacer;
font-size: map-get($font-sizes-text, 'md');
line-height: rem(24);
}
nav {
display: none;
padding-bottom: rem(12);
ul {
padding-left: 0;
margin-bottom: 0;
}
li {
list-style: none;
padding: 0;
a {
display: block;
margin-bottom: rem(12);
color: $neutral-70;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
color: $primary-50;
}
}
& > ul > li {
padding-left: $spacer;
}
}
}
&__external-links {
border-top: 1px solid $neutral-50;
border-bottom: 1px solid $neutral-50;
list-style: none;
padding: $spacer * 1.5 0;
margin: 0;
}
&__link {
margin-bottom: rem(12);
&:last-of-type {
margin-bottom: 0;
}
a {
display: flex;
align-items: center;
gap: calc($spacer / 2);
&:hover {
text-decoration: underline;
}
}
svg {
display: block;
width: rem(16);
height: rem(16);
}
}
@include media-breakpoint-up(xl) {
nav,
&__title {
display: block;
}
}
[data-theme='light'] & {
background-color: $neutral-98;
margin-bottom: $spacer * 2;
&__title {
color: $neutral-30;
}
a {
color: $neutral-30;
}
&__external-links {
border-top: 1px solid $neutral-90;
border-bottom: 1px solid $neutral-90;
}
&__link {
a {
color: $primary-50;
}
}
}
}