-@mixin sub-menu-with-actor {
- position: initial;
- z-index: unset;
- height: max-content;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-
- .actor {
- display: flex;
- margin-top: 20px;
- margin-bottom: 20px;
-
- img {
- @include avatar(80px);
-
- margin-right: 20px;
- }
-
- .actor-info {
- display: flex;
- flex-direction: column;
- justify-content: center;
-
- .actor-names {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-
- .actor-display-name {
- font-size: 23px;
- font-weight: $font-bold;
- margin-right: 7px;
- }
-
- .actor-name {
- position: relative;
- top: 3px;
- font-size: 14px;
- color: $grey-actor-name;
- }
- }
-
- .actor-lower {
- grid-area: lower;
- }
-
- .actor-followers {
- font-size: 15px;
- }
-
- .actor-owner {
- @include actor-owner;
- }
- }
- }
-
- .links {
- margin-top: 0;
- margin-bottom: 15px;
-
- a {
- margin-top: 0;
- margin-bottom: 0;
- text-transform: uppercase;
- font-weight: 600;
- font-size: 110%;
-
- @media screen and (max-width: $mobile-view) {
- font-size: 130%;
- }
- }
-
- list-overflow {
- display: inline-block;
- width: max-content;
- }
- }
-}
-