@redocly/theme/lib/components/Markdown/styles/headingAnchor.js

Shared UI components lib

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.headingAnchorCss = headingAnchorCss;
const styled_components_1 = require("styled-components");
function headingAnchorCss(className = 'anchor') {
    return (0, styled_components_1.css) `
    .${className}.before {
      position: absolute;
      left: 0;
      transform: translateX(-100%);
      padding-right: var(--heading-anchor-offset-right);
    }

    .${className}.after {
      display: inline-block;
      padding-left: 4px;
    }

    svg,
    .${className} svg {
      fill: var(--heading-anchor-color);
      visibility: hidden;

      background-image: var(--heading-anchor-icon);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    :hover .${className} svg,
    .${className}:focus svg {
      visibility: visible;
    }
  `;
}
//# sourceMappingURL=headingAnchor.js.map