rimarima/themes/hugo-liftoff/assets/scss/components/_toc.scss
Adrian Amaglio c09f092db4 init
2023-11-17 10:54:41 +01:00

52 lines
821 B
SCSS

.toc {
@include respond-to('x-large') {
position: sticky;
top: 2rem;
align-self: start;
order: 2;
display: flex;
flex-direction: column;
align-items: center;
height: 90vh;
overflow-y: scroll;
}
}
.toc-header, .toc-drop-icon {
@include font-size('sm');
font-weight: 500;
margin: 0;
text-align: center;
}
.toc-contents {
display: none;
@include font-size('sm');
&--active {
display: block;
}
@include respond-to('x-large') {
display: block;
&--active {
display: none;
}
}
}
#js-toc-toggle {
display: inline-flex;
align-items: center;
column-gap: 10px;
padding: 10px 20px;
background-color: var(--color-contrast-lower);
border-radius: 20px;
&:hover {
cursor: pointer;
color: var(--color-primary);
}
}