aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss23
1 files changed, 13 insertions, 10 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index a548c08cf..e3ec10a83 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -291,43 +291,46 @@ my-actor-avatar {
291} 291}
292 292
293.footer { 293.footer {
294 width: $menu-width;
295 padding-bottom: 15px; 294 padding-bottom: 15px;
296} 295}
297 296
298.footer-bottom { 297.footer-bottom {
299 display: flex;
300 flex-direction: column;
301 padding: 0 $menu-lateral-padding; 298 padding: 0 $menu-lateral-padding;
302} 299}
303 300
304.footer-links { 301.footer-links {
305 &,
306 > div { 302 > div {
307 display: flex; 303 display: flex;
308 flex-wrap: wrap; 304 flex-wrap: wrap;
309 } 305 }
310 306
311 a, 307 a {
312 span[role=button] {
313 @include margin-right(8px); 308 @include margin-right(8px);
309 @include disable-default-a-behaviour;
314 310
315 display: inline-block;
316 text-decoration: none;
317 color: pvar(--menuForegroundColor); 311 color: pvar(--menuForegroundColor);
318 opacity: $footer-links-base-opacity; 312 opacity: $footer-links-base-opacity;
319 white-space: nowrap; 313 white-space: nowrap;
320 font-size: 0.75rem; 314 font-size: 0.75rem;
321 font-weight: 500;
322 line-height: 1.4rem; 315 line-height: 1.4rem;
316 font-weight: $font-semibold;
317
318 &:hover {
319 opacity: $footer-links-base-opacity + .2;
320 }
323 } 321 }
324} 322}
325 323
326.footer-copyleft small a { 324.footer-copyleft a {
327 @include disable-default-a-behaviour; 325 @include disable-default-a-behaviour;
328 326
329 color: pvar(--menuForegroundColor); 327 color: pvar(--menuForegroundColor);
330 opacity: $footer-links-base-opacity - .2; 328 opacity: $footer-links-base-opacity - .2;
329 font-size: 0.85rem;
330
331 &:hover {
332 opacity: $footer-links-base-opacity;
333 }
331} 334}
332 335
333.dropdown { 336.dropdown {