hns.ws/assets/style/components/sidebar.css

71 lines
1.1 KiB
CSS

.sidebar,
.sidebar .subcategory {
list-style-type: none;
white-space: nowrap;
padding: 0;
margin: 0;
}
.sidebar {
position: sticky;
top: 6.5rem;
height: fit-content;
margin: 0 0 1rem 0;
li {
margin: 1.75rem 1rem;
&:first-of-type {
margin: .5rem 1rem 1.75rem 1rem;
}
label {
display: block;
font-family: var(--p-font);
color: var(--f-color);
font-size: .9rem;
font-weight: 700;
margin: .75rem 0;
}
.subcategory li {
margin: .35rem 1rem;
}
a {
color: var(--fs-color);
p {
display: inline-block;
color: var(--fs-color);
font-size: .9rem;
font-weight: 500;
transition: none;
margin: 0;
}
span {
position: relative;
top: .05rem;
font-size: 1rem;
margin: 0 .5rem 0 0;
}
&:hover p {
color: var(--t-color);
text-decoration: underline;
}
}
.highlight p {
color: var(--t-color);
text-decoration: underline;
}
}
}
@media only screen and (max-width: 480px) {
.sidebar {
display: none;
}
}