@require "animated.styl"

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

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

    &:hover {

      transition();

      if (hexo-config('magic.scale')) {
        transform: scaleX(scaleX) scaleY(scaleY);
      }

      if (hexo-config('magic.shadow')) {
        box-shadow: 0 0 8px var(--border-color);
      }
    }

  }

}

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