2021-03-19 12:30:45 +01:00
|
|
|
@import "bootstrap/scss/functions";
|
|
|
|
@import "bootstrap/scss/variables";
|
|
|
|
@import "shared/styles/_mixins.scss";
|
|
|
|
|
2021-05-06 12:21:35 +02:00
|
|
|
.conversejs {
|
2021-03-19 12:30:45 +01:00
|
|
|
@import "bootstrap/scss/card";
|
|
|
|
|
2021-06-09 20:54:08 +02:00
|
|
|
converse-chats {
|
2022-01-16 10:17:36 +01:00
|
|
|
.card--unfurl {
|
|
|
|
background-color: var(--chat-content-background-color);
|
|
|
|
}
|
|
|
|
|
2021-06-09 20:54:08 +02:00
|
|
|
&.converse-embedded,
|
|
|
|
&.converse-fullscreen {
|
|
|
|
.message {
|
|
|
|
.card--unfurl {
|
|
|
|
margin: 1em 0;
|
|
|
|
@include media-breakpoint-down(sm) {
|
|
|
|
max-width: 95%;
|
|
|
|
}
|
|
|
|
@include media-breakpoint-up(md) {
|
|
|
|
max-width: 75%;
|
|
|
|
}
|
|
|
|
@include media-breakpoint-up(lg) {
|
|
|
|
max-width: 66%;
|
|
|
|
}
|
|
|
|
@include media-breakpoint-up(xl) {
|
|
|
|
max-width: 50%;
|
|
|
|
}
|
|
|
|
}
|
2021-03-19 12:30:45 +01:00
|
|
|
}
|
2021-06-09 20:54:08 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&.converse-overlayed,
|
|
|
|
&.converse-mobile {
|
|
|
|
.message {
|
|
|
|
.card--unfurl {
|
|
|
|
margin: 1em 0;
|
|
|
|
max-width: 95%;
|
|
|
|
}
|
2021-03-19 12:30:45 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|