@use '@angular/material' as mat;
@use 'sass:map';
@use '../../colors' as colors;

// Footer mixin
// Use theme to manage colors and sizes on footer
@mixin mic-footer-override($theme) {
  $primary: map.get($theme, primary);
  $accent: map.get($theme, accent);
  $footerColor: colors.$mic-text-colors-normal-light;
  $footerBackgroundColor: map.get($primary, A400);
  $textColor: colors.$mic-text-colors-normal;
  $borderColor: map.get(colors.$mic-grey, 200);
  $is-dark: map.get($theme, is-dark);
  $minFontSize: 0.6875rem;
  $maxfontSize: 0.9375rem;

  @if $is-dark {
    $footerBackgroundColor: map.get(colors.$mic-grey, 800);
    $textColor: colors.$mic-text-colors-normal-light;
    $borderColor: map.get(colors.$mic-grey, 700);
  }

  .footer-navbar {
    align-items: center;
    p {
      font-size: $maxfontSize;
      &.version {
        font-size: $minFontSize;
      }
    }

    a {
      border-width: 1px;
      p.mic-label-link {
        font-size: $minFontSize;
      }
    }
  }
}
