Image Link

/* ==========================================================================
   # _utilities.image-link.css
   ========================================================================== */

.u-image-link {
  @apply
    rounded
    inline-block
    border-2
    border-primary
    border-opacity-50
    ;

  > * {
    @apply
      transform
      transition
      scale-100
        ;
  }

  &:hover,
  &:active {
    > * {
      @apply
        scale-95
            ;
    }
  }

  &:active {
    @apply
      bg-primary-100
        ;
  }

  &:focus {
    @apply
      outline-focus
        ;
  }
}