@require "animated.styl"

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

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

    if (hexo-config('magic.transform')) {
      &:hover {
        transition();
        box-shadow: 0 0 6px var(--border-color);
        transform: scaleX(scaleX) scaleY(scaleY);
      }

    }

  }

}

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