2021-05-27 17:45:36 +02:00
|
|
|
@use '_variables';
|
|
|
|
@use '_mixins';
|
2021-04-07 17:01:29 +02:00
|
|
|
|
|
|
|
.actor {
|
|
|
|
display: flex;
|
|
|
|
|
2021-04-28 11:49:34 +02:00
|
|
|
my-actor-avatar {
|
2021-06-07 17:38:31 +02:00
|
|
|
@include margin-right(15px);
|
2021-04-07 17:01:29 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info {
|
|
|
|
display: inline-flex;
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
.actor-info-display-name {
|
|
|
|
font-size: 20px;
|
|
|
|
font-weight: $font-bold;
|
|
|
|
|
|
|
|
@media screen and (max-width: $small-view) {
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info-username {
|
|
|
|
position: relative;
|
|
|
|
font-size: 14px;
|
|
|
|
color: pvar(--greyForegroundColor);
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info-followers {
|
|
|
|
font-size: 15px;
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-img-edit-container {
|
|
|
|
position: relative;
|
|
|
|
width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-img-edit-button {
|
|
|
|
top: 55px;
|
|
|
|
right: 45px;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|