@require "animated.styl"

magic-style(scaleX, scaleY) {
  if (hexo-config('magic.enable') == true) {

    box-shadow: 0 0 3px var(--border-color);
    transition();

    &:hover {
      transition();
      box-shadow: 0 0 8px var(--border-color);
      transform: scaleX(scaleX) scaleY(scaleY);
    }
  }

}

magic-container(scaleX, scaleY, padding) {
  magic-style(scaleX, scaleY);
  padding: padding;
  border-radius: 2px;
}