2021-06-24 12:51:02 +02:00
|
|
|
@import "bootstrap/scss/functions";
|
|
|
|
@import "bootstrap/scss/variables";
|
|
|
|
@import "shared/styles/_mixins.scss";
|
|
|
|
|
2021-06-17 14:37:43 +02:00
|
|
|
converse-chat-message-body {
|
|
|
|
audio {
|
2021-06-24 12:51:02 +02:00
|
|
|
display: block;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
max-width: 95%;
|
|
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 70%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 50%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
|
|
|
@include media-breakpoint-up(xl) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 40%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
2021-06-17 14:37:43 +02:00
|
|
|
}
|
2021-06-17 15:48:03 +02:00
|
|
|
|
|
|
|
video {
|
2021-06-24 12:51:02 +02:00
|
|
|
display: block;
|
2021-06-24 13:04:25 +02:00
|
|
|
max-height: 25em;
|
2021-06-24 12:51:02 +02:00
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
max-width: 95%;
|
|
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 70%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 50%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
|
|
|
@include media-breakpoint-up(xl) {
|
2021-06-24 13:04:25 +02:00
|
|
|
max-width: 40%;
|
2021-06-24 12:51:02 +02:00
|
|
|
}
|
2021-06-17 15:48:03 +02:00
|
|
|
}
|
2021-06-17 14:37:43 +02:00
|
|
|
}
|
2021-06-24 16:13:02 +02:00
|
|
|
|
|
|
|
.converse-overlayed {
|
|
|
|
converse-chat-message-body {
|
|
|
|
audio {
|
|
|
|
display: block;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
video {
|
|
|
|
display: block;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|