_links.scss

@use '../../01-core' as *;

@each $faculty, $colour in $faculties_colours {
  .#{$faculty} {
    // If the UW branding group
    @if $faculty == org-default {
      // Generic links
      a {
        @include link(
          var(--uw-black),
          var(--gray-5)
        );
        &.button {
          @include link-no-underline(
            var(--uw-white),
            var(--gray-5)
          );
        }
        &.uw-site-name__link {
          @include link-reverse(
            var(--uw-black),
            var(--uw-black)
          );
        }
        &.tag {
          @include link-reverse(
            var(--gray-5),
            var(--gray-5)
          );
        }
      }
      .card__title a{
        @include link-reverse(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .menu--uw-footer li a{
        @include link-reverse(
          var(--uw-white),
          var(--uw-gold)
        );
      }
      .uw-site-footer__content a,
      .uw-site-footer__title a{
        @include link(
          var(--uw-white),
          var(--uw-white)
        );
      }
      .uw-site-footer__content table a{
        @include link(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .uw-site-footer__social-media a {
        @include link(
          var(--uw-gray),
          var(--uw-gray)
        );
      }
      .uw-footer__social-directory a{
        @include link-reverse(
          var(--uw-gold),
          var(--uw-white)
        );
      }
      .views-exposed-form a,
      .uw-site-name__link,
      .layout-builder__link,
      .tabs a,
      .timeline-info__withlink a,
      .ui-dialog-content a,
      .messages--status a,
      .uw-content-moderation a,
      .view-interact a{
        @include link-no-underline(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .toolbar-tray a{
        @include link-reverse(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .uw-footer-phone a,
      .uw-territorial a{
        @include link-reverse(
          var(--uw-gold),
          var(--uw-gold)
        );
      }
      .tabs a{
        @include link-no-underline(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .uw-contact__h2 a{
        @include link-reverse(
          var(--uw-black),
          var(--gray-5)
        );
      }
      .pager__item a{
        @include link(
          var(--uw-black),
          var(--uw-white)
        );
      }
      .uw-site-footer__content .highlight{
        color: var(--uw-white);
      }
    }
    // Else run the loop on the faculties.
    @else {
      // Generic links.
      a{
        @include link(
          var(--#{$colour}-primary),
          var(--#{$colour}-primary)
        );
        // Links as buttons need white.
        &.button {
          @include link-no-underline(
            var(--uw-white),
            var(--gray-5)
          );
        }
        //&.pager__link {
        //  color: var(--uw-black);
        //}
        &.uw-site-name__link {
          @include link-reverse(
            var(--uw-black),
            var(--uw-black)
          );
        }
        &.tag {
          @include link-reverse(
            var(--#{$colour}-primary),
            var(--#{$colour}-primary)
          );
        }
      }
      .pager__item a{
        @include link(
          var(--uw-black),
          var(--uw-white)
        );
      }
      .card__title a{
        @include link-reverse(
          var(--#{$colour}-primary),
          var(--#{$colour}-primary)
        );
      }
      .uw-details{
        &:hover{
          .uw-contact__h2 a{
            color: var(--uw-black);
          }
        }
      }
      .uw-contact__h2 a{
        @include link-reverse(
          var(--#{$colour}-primary),
          var(--uw-black)
        );
      }
      .menu--uw-footer li a{
        @include link-reverse(
          var(--uw-white),
          var(--uw-gold)
        );
      }
      .uw-site-footer__content a,
      .uw-site-footer__title a{
        @include link(
          var(--uw-white),
          var(--uw-white)
        );
      }
      .uw-site-footer__content table a{
        @include link(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .uw-site-footer__social-media a {
        @include link(
          var(--gray-5),
          var(--gray-5)
        );
      }
      .uw-footer__social-directory a{
        @include link-reverse(
          var(--uw-gold),
          var(--uw-white)
        );
      }
      .uw-footer-phone a,
      .uw-territorial a{
        @include link-reverse(
          var(--uw-gold),
          var(--uw-gold)
        );
      }
      // Blackout the link
      .views-exposed-form a,
      .uw-site-name__link,
      .layout-builder__link,
      .tabs a,
      .timeline-info__withlink a,
      .ui-dialog-content a,
      .messages--status a,
      .uw-content-moderation a,
      .view-interact a,{
        @include link-no-underline(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .toolbar-tray a{
        @include link-reverse(
          var(--uw-black),
          var(--uw-black)
        );
      }
      .uw-site-footer__content .highlight{
        color: var(--uw-white);
      }
      // MAke primary color.
      .uw-blockquote__text,
      .uw-blockquote__text::before,
      .uw-blockquote__text::after,
      .uw-blockquote__attribution,
      .uw-blockquote__attribution cite{
        color: var(--#{$colour}-primary);
      }
    }
  }
}