2021-08-31 15:13:31 +02:00
|
|
|
.room-intro {
|
2021-07-28 15:15:52 +02:00
|
|
|
margin-top: calc(2 * var(--sp-extra-loose));
|
|
|
|
|
margin-bottom: var(--sp-extra-loose);
|
|
|
|
|
padding-left: calc(var(--sp-normal) + var(--av-small) + var(--sp-tight));
|
|
|
|
|
padding-right: var(--sp-extra-tight);
|
|
|
|
|
|
|
|
|
|
[dir=rtl] & {
|
|
|
|
|
padding: {
|
|
|
|
|
left: var(--sp-extra-tight);
|
|
|
|
|
right: calc(var(--sp-normal) + var(--av-small) + var(--sp-tight));
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-08-31 15:13:31 +02:00
|
|
|
.room-intro__content {
|
2021-07-28 15:15:52 +02:00
|
|
|
margin-top: var(--sp-extra-loose);
|
2021-11-21 10:00:21 +01:00
|
|
|
width: calc(100% - 88px);
|
2021-07-28 15:15:52 +02:00
|
|
|
}
|
|
|
|
|
&__name {
|
|
|
|
|
color: var(--tc-surface-high);
|
|
|
|
|
}
|
|
|
|
|
&__desc {
|
|
|
|
|
color: var(--tc-surface-normal);
|
|
|
|
|
margin: var(--sp-tight) 0 var(--sp-extra-tight);
|
|
|
|
|
& a {
|
|
|
|
|
word-break: break-all;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&__time {
|
|
|
|
|
color: var(--tc-surface-low);
|
|
|
|
|
}
|
|
|
|
|
}
|
