-@import '_variables';
+@use '_variables' as *;
+@use '_mixins' as *;
@mixin section-label-responsive {
color: pvar(--mainColor);
@mixin show-more-description {
color: pvar(--mainColor);
cursor: pointer;
- margin: 10px auto 45px auto;
+ margin: 10px auto 45px;
}
@mixin avatar-row-responsive ($img-margin, $grey-font-size) {
grid-column: 1;
margin-bottom: 30px;
- .channel-avatar {
- @include channel-avatar(120px);
+ .main-avatar {
+ @include actor-avatar-size(120px);
}
> div {
- margin-left: $img-margin;
+ @include margin-left($img-margin);
+
min-width: 1px;
}
}
.actor-display-name {
+ @include peertube-word-wrap;
+
display: flex;
flex-wrap: wrap;
}
font-size: 22px;
}
- .channel-avatar {
- @include channel-avatar(80px);
- }
-
- .account-avatar {
- @include avatar(120px);
+ .main-avatar {
+ @include actor-avatar-size(80px);
}
}
}