diff options
Diffstat (limited to 'client/src/sass/include')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 57 | ||||
-rw-r--r-- | client/src/sass/include/_variables.scss | 2 |
2 files changed, 40 insertions, 19 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index b0b0f544c..aafe478f9 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -335,6 +335,27 @@ | |||
335 | font-size: 13px; | 335 | font-size: 13px; |
336 | } | 336 | } |
337 | 337 | ||
338 | @mixin actor-owner { | ||
339 | @include disable-default-a-behaviour; | ||
340 | |||
341 | display: block; | ||
342 | font-size: 13px; | ||
343 | margin-top: 4px; | ||
344 | color: #000; | ||
345 | |||
346 | span:hover { | ||
347 | opacity: 0.8; | ||
348 | } | ||
349 | |||
350 | img { | ||
351 | @include avatar(18px); | ||
352 | |||
353 | margin-left: 7px; | ||
354 | position: relative; | ||
355 | top: -2px; | ||
356 | } | ||
357 | } | ||
358 | |||
338 | @mixin sub-menu-with-actor { | 359 | @mixin sub-menu-with-actor { |
339 | height: 160px; | 360 | height: 160px; |
340 | display: flex; | 361 | display: flex; |
@@ -371,7 +392,7 @@ | |||
371 | position: relative; | 392 | position: relative; |
372 | top: 3px; | 393 | top: 3px; |
373 | font-size: 14px; | 394 | font-size: 14px; |
374 | color: #777272; | 395 | color: $grey-actor-name; |
375 | } | 396 | } |
376 | } | 397 | } |
377 | 398 | ||
@@ -380,24 +401,7 @@ | |||
380 | } | 401 | } |
381 | 402 | ||
382 | .actor-owner { | 403 | .actor-owner { |
383 | @include disable-default-a-behaviour; | 404 | @include actor-owner; |
384 | |||
385 | display: block; | ||
386 | font-size: 13px; | ||
387 | margin-top: 4px; | ||
388 | color: #000; | ||
389 | |||
390 | span:hover { | ||
391 | opacity: 0.8; | ||
392 | } | ||
393 | |||
394 | img { | ||
395 | @include avatar(18px); | ||
396 | |||
397 | margin-left: 7px; | ||
398 | position: relative; | ||
399 | top: -2px; | ||
400 | } | ||
401 | } | 405 | } |
402 | } | 406 | } |
403 | } | 407 | } |
@@ -426,3 +430,18 @@ | |||
426 | background-image: url($imageUrl); | 430 | background-image: url($imageUrl); |
427 | } | 431 | } |
428 | } | 432 | } |
433 | |||
434 | @mixin row-blocks { | ||
435 | display: flex; | ||
436 | min-height: 130px; | ||
437 | padding-bottom: 20px; | ||
438 | margin-bottom: 20px; | ||
439 | border-bottom: 1px solid #C6C6C6; | ||
440 | |||
441 | @media screen and (max-width: 800px) { | ||
442 | flex-direction: column; | ||
443 | height: auto; | ||
444 | text-align: center; | ||
445 | align-items: center; | ||
446 | } | ||
447 | } \ No newline at end of file | ||
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index f1f755126..e6db98642 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -12,6 +12,8 @@ $black-background: #000; | |||
12 | $grey-background: #f6f2f2; | 12 | $grey-background: #f6f2f2; |
13 | $red-error: #FF0000; | 13 | $red-error: #FF0000; |
14 | 14 | ||
15 | $grey-actor-name: #777272; | ||
16 | |||
15 | $expanded-horizontal-margins: 150px; | 17 | $expanded-horizontal-margins: 150px; |
16 | $not-expanded-horizontal-margins: 30px; | 18 | $not-expanded-horizontal-margins: 30px; |
17 | 19 | ||