lib.itmens/common/static/scss/_sidebar.scss

89 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

.sidebar {
article {
padding: calc(var(--pico-block-spacing-horizontal));
2024-06-18 00:10:31 -04:00
article {
box-shadow: unset;
}
}
details {
margin-bottom: 0;
}
hgroup {
margin: 0;
margin-right: 1rem;
}
section.announcement {
p {
font-size: 80%;
}
// details[open]>summary {
// margin: 0;
// }
details {
margin-bottom: var(--pico-spacing);
}
}
section.profile {
summary>div {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
grid-column-gap: 0.5em;
grid-row-gap: 0px;
// align-items: center;
// justify-content: left;
}
summary::after {
position: relative;
bottom: calc(2rem * var(--pico-line-height));
}
a:hover {
text-decoration: none;
}
.avatar {
2024-06-11 15:17:35 -04:00
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 4);
2024-06-10 17:30:29 -04:00
max-height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 4);
max-width: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 4);
img {
height: 100%;
width: 100%;
}
}
.nickname {
word-break: break-all;
}
.relation {
width: max-content;
float: right;
color: var(--pico-muted-color);
opacity: 0.5;
margin-left: 1em;
}
}
@media (max-width: 768px) {
section,
2024-06-18 00:10:31 -04:00
>section>article,
details {
margin-bottom: 0;
}
}
}