71 lines
1.4 KiB
Plaintext
71 lines
1.4 KiB
Plaintext
.left-border(@r: 0) {
|
|
border-top-left-radius: @r;
|
|
border-bottom-left-radius: @r;
|
|
}
|
|
|
|
.right-border(@r: 0) {
|
|
border-top-right-radius: @r;
|
|
border-bottom-right-radius: @r;
|
|
}
|
|
|
|
.bottom-border(@r: 0) {
|
|
border-bottom-left-radius: @r;
|
|
border-bottom-right-radius: @r;
|
|
}
|
|
|
|
.top-border(@r: 0) {
|
|
border-top-left-radius: @r;
|
|
border-top-right-radius: @r;
|
|
}
|
|
|
|
.radius(@r: 0) {
|
|
border-radius: @r;
|
|
}
|
|
|
|
.hide {
|
|
all: unset !important;
|
|
display: none !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|
|
|
|
.bot(@text: 'BOT', @height: 16px) {
|
|
@offset: (@height / 4);
|
|
display: inline-block;
|
|
content: @text;
|
|
height: @height;
|
|
padding: 0 @offset;
|
|
margin: @offset 0 0 @offset;
|
|
border-radius: @offset;
|
|
background: var(--brand-experiment);
|
|
color: #fff;
|
|
font-size: (@height - @offset);
|
|
line-height: ($font-size * 1.25);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.horiz-tab(@cols: 2, @div: ~'.divider-_0um2u') {
|
|
@gap: @div-width * 2;
|
|
@el-width: calc(100% / @cols - @gap);
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
column-gap: @gap;
|
|
row-gap: (@gap / 2);
|
|
& > * {
|
|
width: @el-width;
|
|
}
|
|
|
|
@{div}:empty {
|
|
&:extend(.hide);
|
|
}
|
|
}
|
|
|
|
.verify(@id) {
|
|
div.message-2CShn3 img.avatar-2e8lTP[src*="/@{id}/"] + .header-2jRmjb > .headerText-2z4IhQ::after
|
|
{ .bot('✓', 16px); }
|
|
// Replies
|
|
div.repliedMessage-3Z6XBG img.replyAvatar-sHd2sU[src*="/@{id}/"] + span::after
|
|
{ .bot('✓', 12px); }
|
|
}
|
|
|