/**
 * @mergeTarget
 * @module Src/Components/CustomLink
 */

import { LisioCSSRules } from "@lisio/lisio-engine";

/**
 * Custom link CSS
 * @source
 */
const customLinkStyles: LisioCSSRules = {
  "a.lisio-custom-link": {
    cursor: "pointer",
    // padding: "15px 0px",
    // border: "2px solid transparent",
    // "text-decoration": "none",
    // transition: "border 0.2s ease",
  },
  "a.lisio-custom-link:focus-visible": {
    outline: "solid 2px var(--lisio-color-hover) !important",
  },
  "a.lisio-custom-link.link-pill": {
    "border-radius": "var(--lisio-border-radius-extra-large)",
  },
  "a.lisio-custom-link.secondary": {
    "background-color": "var(--lisio-background-secondary)",
  },
  "a.lisio-custom-link:hover": {
    "font-weight": "bold",
  },
  "a.lisio-custom-link.tiny": {
    "font-size": "var(--lisio-font-size-tiny)",
  },
  "a.lisio-custom-link.text-center": {
    "text-align": "center",
  },
  "a.lisio-custom-link.black": {
    color: "black",
  },
  "a.lisio-custom-link.black:visited": {
    color: "black",
  },
  'a[target="_blank"]::after': {
    content: '""',
    display: "inline-block",
    width: "10px",
    height: "10px",
    "margin-left": "4px",
    "background-color": "currentColor",
    "-webkit-mask":
      'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M6.25 0a.62.62 0 1 0 0 1.25h1.62L3.93 5.18a.63.63 0 0 0 .89.89l3.93-3.94v1.62a.62.62 0 1 0 1.25 0V.62A.62.62 0 0 0 9.37 0H6.25ZM1.56.63C.7.63 0 1.32 0 2.19v6.25C0 9.3.7 10 1.56 10h6.25c.87 0 1.57-.7 1.57-1.56V6.25a.62.62 0 1 0-1.26 0v2.19c0 .17-.14.31-.3.31H1.55a.31.31 0 0 1-.31-.31V2.19c0-.17.14-.31.31-.31h2.19a.62.62 0 1 0 0-1.25H1.56Z"/></svg>\') no-repeat center',
    "-webkit-mask-size": "contain",
    mask: 'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M6.25 0a.62.62 0 1 0 0 1.25h1.62L3.93 5.18a.63.63 0 0 0 .89.89l3.93-3.94v1.62a.62.62 0 1 0 1.25 0V.62A.62.62 0 0 0 9.37 0H6.25ZM1.56.63C.7.63 0 1.32 0 2.19v6.25C0 9.3.7 10 1.56 10h6.25c.87 0 1.57-.7 1.57-1.56V6.25a.62.62 0 1 0-1.26 0v2.19c0 .17-.14.31-.3.31H1.55a.31.31 0 0 1-.31-.31V2.19c0-.17.14-.31.31-.31h2.19a.62.62 0 1 0 0-1.25H1.56Z"/></svg>\') no-repeat center',
    "mask-size": "contain",
  },
};

export { customLinkStyles };