52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
@import "bootstrap/scss/functions";
|
|
@import "bootstrap/scss/variables";
|
|
@import "shared/styles/_mixins.scss";
|
|
|
|
converse-chat-message-body {
|
|
audio {
|
|
display: block;
|
|
@include media-breakpoint-down(sm) {
|
|
max-width: 95%;
|
|
}
|
|
@include media-breakpoint-up(md) {
|
|
max-width: 70%;
|
|
}
|
|
@include media-breakpoint-up(lg) {
|
|
max-width: 50%;
|
|
}
|
|
@include media-breakpoint-up(xl) {
|
|
max-width: 40%;
|
|
}
|
|
}
|
|
|
|
video {
|
|
display: block;
|
|
max-height: 25em;
|
|
@include media-breakpoint-down(sm) {
|
|
max-width: 95%;
|
|
}
|
|
@include media-breakpoint-up(md) {
|
|
max-width: 70%;
|
|
}
|
|
@include media-breakpoint-up(lg) {
|
|
max-width: 50%;
|
|
}
|
|
@include media-breakpoint-up(xl) {
|
|
max-width: 40%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.converse-overlayed {
|
|
converse-chat-message-body {
|
|
audio {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
video {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
}
|