88 lines
1.5 KiB
SCSS
88 lines
1.5 KiB
SCSS
.sidebar {
|
|
article {
|
|
padding: calc(var(--pico-block-spacing-horizontal));
|
|
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 {
|
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 4);
|
|
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,
|
|
>section>article,
|
|
details {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|