source/css/_files/friends.scss
$main-class: theme-friends;
.#{$main-class} {
min-height: calc(100vh - 128px);
max-width: 530px;
margin: 0 auto 16px auto;
@media (min-width: 1024px) {
max-width: 1084px;
}
}
.#{$main-class}__title {
font-size: 16px;
font-weight: 500;
overflow: hidden;
min-width: 0;
margin: 16px 16px 0;
white-space: nowrap;
text-overflow: ellipsis;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.#{$main-class}__container {
$sub-class: #{$main-class}__container;
margin-top: 16px;
a {
text-decoration: none;
}
.#{$sub-class}__content {
padding: 0 16px;
text-align: center;
}
.#{$sub-class}__avatar {
display: block;
width: 90px;
height: 90px;
margin: 24px auto 12px;
border-radius: 50%;
}
.#{$sub-class}__name {
font-size: 16px;
line-height: 20px;
display: -webkit-box;
overflow: hidden;
overflow: hidden;
max-width: 100%;
max-height: 40px;
text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.#{$sub-class}__descr {
font-size: 14px;
vertical-align: middle;
padding: 0 16px;
}
.#{$sub-class}__spacer {
height: 36px;
}
.#{$sub-class}__action--no-style {
padding: 0;
}
}