diff options
Diffstat (limited to 'client/src/sass/include')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index cbf9b566a..c43bd9803 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -320,4 +320,48 @@ | |||
320 | color: $orange-color; | 320 | color: $orange-color; |
321 | font-weight: $font-bold; | 321 | font-weight: $font-bold; |
322 | font-size: 13px; | 322 | font-size: 13px; |
323 | } | ||
324 | |||
325 | @mixin sub-menu-with-actor { | ||
326 | height: 160px; | ||
327 | display: flex; | ||
328 | flex-direction: column; | ||
329 | align-items: start; | ||
330 | |||
331 | .actor { | ||
332 | display: flex; | ||
333 | margin-top: 20px; | ||
334 | margin-bottom: 20px; | ||
335 | |||
336 | img { | ||
337 | @include avatar(80px); | ||
338 | |||
339 | margin-right: 20px; | ||
340 | } | ||
341 | |||
342 | .actor-info { | ||
343 | display: flex; | ||
344 | flex-direction: column; | ||
345 | justify-content: center; | ||
346 | |||
347 | .actor-display-name { | ||
348 | font-size: 23px; | ||
349 | font-weight: $font-bold; | ||
350 | } | ||
351 | |||
352 | .actor-followers { | ||
353 | font-size: 15px; | ||
354 | } | ||
355 | } | ||
356 | } | ||
357 | |||
358 | .links { | ||
359 | margin-top: 0; | ||
360 | margin-bottom: 10px; | ||
361 | |||
362 | a { | ||
363 | margin-top: 0; | ||
364 | margin-bottom: 0; | ||
365 | } | ||
366 | } | ||
323 | } \ No newline at end of file | 367 | } \ No newline at end of file |