lib.itmens/common/static/scss/_post.scss

61 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

2024-06-18 00:10:31 -04:00
.post {
2023-08-15 15:46:11 -04:00
p {
2024-06-18 20:59:54 -04:00
word-break: break-word;
2024-06-18 00:10:31 -04:00
margin-bottom: 0.5em;
2023-08-15 15:46:11 -04:00
}
2024-06-22 12:17:25 -04:00
.embed-cover {
2024-06-18 20:59:54 -04:00
img {
max-width:6em;
max-height:12em;
margin:1em;
box-shadow: var(--pico-card-box-shadow);
@media (max-width: 768px) {
max-width:4em;
max-height:8em;
margin:0.5em 0 0.5em 0.5em;
}
@media (min-width: 1280px) {
max-width:8em;
max-height:16em;
margin:1em 1em 2em 2em;
}
}
}
2024-06-18 00:10:31 -04:00
section.replies {
border-left: 1px solid var(--pico-muted-color);
margin-left: var(--pico-spacing);
padding-left: var(--pico-spacing);
margin-bottom: 0 !important;
>div {
margin-bottom: calc(var(--pico-spacing));
2023-08-15 15:46:11 -04:00
}
2024-06-18 00:10:31 -04:00
p {
margin-bottom: 0;
2023-08-15 15:46:11 -04:00
}
2024-06-18 00:10:31 -04:00
details {
summary {
text-decoration: underline;
}
2023-08-15 15:46:11 -04:00
}
2024-06-18 00:10:31 -04:00
form {
margin-bottom: 0;
select {
width: min-content;
}
button{
height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2)
}
details.dropdown > summary::after {
display: none;
}
2023-08-15 15:46:11 -04:00
}
}
}
2024-06-15 18:26:20 -04:00
2024-06-18 18:22:18 -04:00
.attachments {
2024-06-15 18:26:20 -04:00
img.preview {
2024-06-18 18:22:18 -04:00
max-height: 48vh;
max-width: 48%;
2024-06-15 18:26:20 -04:00
}
}