Montassar Ghanmy
51 lines
810 B
SCSS
Executable File
51 lines
810 B
SCSS
Executable File
.user_head {
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 50%;
|
|
border: solid 1px var(--grey-background);
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-color: var(--primary-background);
|
|
position: relative;
|
|
border: 0px solid #fff;
|
|
|
|
&.border {
|
|
border: 1px solid #fff;
|
|
}
|
|
|
|
.online_user_status {
|
|
position: absolute;
|
|
bottom: -1px;
|
|
right: -1px;
|
|
}
|
|
|
|
&.big {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: var(--border-radius-large);
|
|
.online_user_status {
|
|
border-width: 2px;
|
|
bottom: -2px;
|
|
right: -2px;
|
|
}
|
|
}
|
|
|
|
&.medium {
|
|
width: 24px;
|
|
height: 24px;
|
|
.status {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
}
|
|
|
|
&.small {
|
|
width: 16px;
|
|
height: 16px;
|
|
.status {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
}
|
|
}
|