Gaboule/chat
1
0
Fork 0
Code Issues Pull requests Activity

Refector sass

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-19 10:28:41 +05:30
commit ce9f140ddf
46 changed files with 406 additions and 702 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/app/organisms/room/RoomViewContent.scss
View file

@ -1,3 +1,5 @@
@use '../../partials/dir';
.room-view__content {
min-height: 100%;
display: flex;
@ -13,26 +15,16 @@
& .message,
& .ph-msg,
& .timeline-change {
border-radius: 0 var(--bo-radius) var(--bo-radius) 0;
[dir=rtl] & {
border-radius: var(--bo-radius) 0 0 var(--bo-radius);
}
@include dir.prop(border-radius,
0 var(--bo-radius) var(--bo-radius) 0,
var(--bo-radius) 0 0 var(--bo-radius),
);
}
& > .divider {
margin: var(--sp-extra-tight) var(--sp-normal);
margin-right: var(--sp-extra-tight);
padding-left: calc(var(--av-small) + var(--sp-tight));
[dir=rtl] & {
padding: {
left: 0;
right: calc(var(--av-small) + var(--sp-tight));
}
margin: {
left: var(--sp-extra-tight);
right: var(--sp-normal);
}
}
margin: var(--sp-extra-tight);
@include dir.side(margin, var(--sp-normal), var(--sp-extra-tight));
@include dir.side(padding, calc(var(--av-small) + var(--sp-tight)), 0);
}
}
}