michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Updated Chip.scss property ordering

Browse source
This commit is contained in:
Ajay Bura 2021-09-23 16:40:52 +05:30
parent 26f68a890e
commit c96d556094
1 changed files with 10 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/app/atoms/chip/Chip.scss
View file

@ -1,23 +1,19 @@
.chip { .chip {
height: 28px; padding: var(--sp-ultra-tight) var(--sp-extra-tight);
width: fit-content;
width: -moz-fit-content;
background: var(--bg-surface-low);
display: flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: var(--sp-ultra-tight) var(--sp-extra-tight); background: var(--bg-surface-low);
box-sizing: border-box;
border-radius: var(--bo-radius); border-radius: var(--bo-radius);
border: 1px solid var(--bg-surface-border); border: 1px solid var(--bg-surface-border);
& .text-b2 { & > .ic-raw {
color: var(--tc-surface-high);
}
& .ic-raw-small {
margin-right: var(--sp-extra-tight); margin-right: var(--sp-extra-tight);
[dir=rtl] & {
margin-right: 0;
margin-left: var(--sp-extra-tight);
}
} }
} }