71 lines
1.2 KiB
CSS
71 lines
1.2 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 .975rem 1.75rem 1rem;
|
|
|
|
&:first-of-type {
|
|
margin: .5rem 1rem 1.75rem .975rem;
|
|
}
|
|
|
|
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 .5rem;
|
|
}
|
|
|
|
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;
|
|
}
|
|
} |