mixin_icon-halo

mixin_icon-halo.scss

@mixin icon-halo($radius, $color) {
  position: relative;
  border-radius: $radius;
  transition: all .2s ease-in-out;

  &::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: $radius;
    box-shadow: 0 0 1px 1px $color;
    content: "";
    opacity: 0;
    transition: all .2s ease-in-out;
  }

  &:hover::before {
    opacity: 1;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}