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

27
src/app/organisms/search/Search.scss
View file

@ -1,3 +1,5 @@
@use '../../partials/dir';
.search-dialog__model {
--modal-height: 380px;
height: 100%;
@ -17,20 +19,16 @@
& > .ic-raw {
position: absolute;
left: calc(var(--sp-normal) + var(--sp-tight));
[dir=rtl] & {
left: unset;
right: calc(var(--sp-normal) + var(--sp-tight));
}
--away: calc(var(--sp-normal) + var(--sp-tight));
@include dir.prop(left, var(--away), unset);
@include dir.prop(right, unset, var(--away));
}
& > .ic-btn {
border-radius: calc(var(--bo-radius) / 2);
position: absolute;
right: calc(var(--sp-normal) + var(--sp-extra-tight));
[dir=rtl] & {
right: unset;
left: calc(var(--sp-normal) + var(--sp-extra-tight));
}
--away: calc(var(--sp-normal) + var(--sp-extra-tight));
@include dir.prop(right, var(--away), unset);
@include dir.prop(left, unset, var(--away));
}
& .input-container {
min-width: 0;
@ -69,13 +67,8 @@
}
&__content {
padding: var(--sp-extra-tight) var(--sp-normal);
padding-right: var(--sp-extra-tight);
[dir=rtl] & {
padding-left: var(--sp-extra-tight);
padding-right: var(--sp-normal);
}
padding: var(--sp-extra-tight);
@include dir.side(padding, var(--sp-normal), var(--sp-extra-tight));
}
&__footer {