nimiq-vitepress-theme/dist/assets/github-callouts.css

Nimiq UI theme for VitePress

.custom-block.github-alert{background:var(--bg-color);--margin-min-em:1.5;--margin-max-em:2;border-radius:8px;color:var(--text-color);font-weight:600;margin-bottom:calc(var(--margin-max-em)*1em);margin-top:calc(var(--margin-min-em)*1em);outline:1.5px solid var(--ring-color);outline-offset:-1.5px;padding:1rem 1.25rem;transform:translateX(-8px);width:calc(100% + 16px)}.custom-block.github-alert .custom-block-title{align-items:center;color:var(--label-color);display:flex;font-size:.8em;font-weight:700;gap:.5em;letter-spacing:.14em;line-height:1;margin-bottom:.75em;margin-top:0;text-transform:uppercase}.custom-block.github-alert .custom-block-title:before{background-color:var(--text-color);bottom:0;content:"";display:inline-block;height:1em;left:0;-webkit-mask:var(--icon) no-repeat 100% 100%;mask:var(--icon) no-repeat 100% 100%;position:relative;right:0;top:0;width:1em;z-index:inherit}.custom-block.github-alert.note{--label-color:color-mix(in oklch,var(--colors-blue) 70%,transparent);--text-color:var(--colors-blue);--bg-color:var(--colors-blue-400);--ring-color:var(--colors-blue-500);--icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 17"><path stroke="currentColor" stroke-width="1.5" d="m16.824 7.603-3.335-5.92A1.33 1.33 0 0 0 12.335 1H5.666c-.475 0-.915.26-1.153.683l-3.335 5.92a1.4 1.4 0 0 0 0 1.367l3.335 5.92a1.33 1.33 0 0 0 1.153.683h6.668a1.32 1.32 0 0 0 1.154-.683l3.334-5.92c.24-.424.24-.943.002-1.367Z"/><path fill="currentColor" d="M10 12a1 1 0 1 1-2 0V9a1 1 0 0 1 2 0z"/><rect width="2" height="2" x="10" y="7" fill="currentColor" rx="1" transform="rotate(-180 10 7)"/></svg>')}.custom-block.github-alert.important{--label-color:color-mix(in oklch,var(--colors-purple) 80%,transparent);--text-color:var(--colors-purple);--bg-color:var(--colors-purple-400);--ring-color:var(--colors-purple-500);--icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 17"><path stroke="currentColor" stroke-width="1.5" d="m1.178 8.97 3.334 5.92a1.33 1.33 0 0 0 1.156.683h6.667c.476 0 .916-.26 1.154-.683l3.334-5.92a1.4 1.4 0 0 0 0-1.366l-3.334-5.92A1.32 1.32 0 0 0 12.336 1H5.667a1.32 1.32 0 0 0-1.153.683L1.18 7.603c-.24.424-.24.943-.002 1.367Z"/><path fill="currentColor" d="M8.002 5.573a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0z"/><rect width="2" height="2" x="8.002" y="10.573" fill="currentColor" rx="1"/></svg>')}.custom-block.github-alert.warning{--label-color:color-mix(in oklch,var(--colors-orange) 70%,transparent);--text-color:var(--colors-orange);--bg-color:var(--colors-orange-400);--ring-color:var(--colors-orange-500);--icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 12"><path fill="currentColor" d="M3.818.074a.66.66 0 0 0-.756.108.616.616 0 0 0-.12.736 5.02 5.02 0 0 1 .02 4.628.13.13 0 0 1-.113.063.13.13 0 0 1-.112-.066 2.8 2.8 0 0 1-.288-.789.38.38 0 0 0-.248-.28.4.4 0 0 0-.373.06A4.35 4.35 0 0 0 .327 6.727a4.26 4.26 0 0 0 .07 2.637 3.94 3.94 0 0 0 1.547 1.964 4.1 4.1 0 0 0 2.443.669c2.178 0 3.7-1.08 4.18-2.96.71-2.773-1.033-7.04-4.749-8.962Zm2.44 8.993a1.66 1.66 0 0 1-.618 1.057 1.73 1.73 0 0 1-1.189.365c-.41 0-.809-.14-1.127-.4a1.7 1.7 0 0 1-.6-1.014.25.25 0 0 1 .076-.226.26.26 0 0 1 .236-.063c.258-.004.51-.07.736-.195.225-.123.414-.3.55-.514a1.13 1.13 0 0 0 .234-1.238.25.25 0 0 1 .03-.286.26.26 0 0 1 .284-.072c.494.219.897.592 1.148 1.06a2.33 2.33 0 0 1 .24 1.525Z"/></svg>')}.custom-block.github-alert.tip{--label-color:color-mix(in oklch,var(--colors-green) 70%,transparent);--text-color:var(--colors-green);--bg-color:var(--colors-green-400);--ring-color:var(--colors-green-500);--icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 11 14"><path stroke="currentColor" d="M5.5 1.002C3.015 1.002 1 2.921 1 5.288c0 1.223.761 2.327 1.727 3.108.52.42.898 1.02.898 1.689 0 .506.41.917.918.917h1.914c.507 0 .918-.41.918-.917 0-.67.378-1.268.898-1.69C9.24 7.616 10 6.512 10 5.289c0-2.367-2.015-4.286-4.5-4.286Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 13.002H4"/></svg>')}.custom-block.github-alert.caution{--label-color:color-mix(in oklch,var(--colors-red) 70%,transparent);--bg-color:var(--colors-red-400);--text-color:var(--colors-red);--ring-color:var(--colors-red-500);--icon:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 12 12"><path fill="currentColor" d="M9.499 8.8c0-.47.12-.93.35-1.34l1.18-2.1a.75.75 0 0 0 .1-.59.8.8 0 0 0-.37-.48.87.87 0 0 0-.63-.1.82.82 0 0 0-.51.36l-1.5 2.23.89-4.6a.74.74 0 0 0-.09-.62.85.85 0 0 0-.87-.36.85.85 0 0 0-.54.35c-.06.1-.1.2-.11.3l-.93 3.89V.78c0-.2-.09-.4-.24-.55a.85.85 0 0 0-.59-.23.85.85 0 0 0-.58.23.76.76 0 0 0-.24.55v4.96l-.93-4.08a.8.8 0 0 0-.66-.64.87.87 0 0 0-.63.13.8.8 0 0 0-.34.53c-.02.1 0 .2.02.31l.89 5.84-1.64-1.36a.86.86 0 0 0-1.16.05.76.76 0 0 0 .04 1.1l2.9 3.65a2.5 2.5 0 0 0 1.79.73h1.93c1.95 0 2.47-1.45 2.47-3.2"/></svg>')}.custom-block.github-alert p{margin-bottom:.5em;margin-top:0}.custom-block.github-alert p:last-child{margin-bottom:0}.custom-block.github-alert p a{color:currentColor;text-decoration:underline}.custom-block.github-alert p code,.custom-block.github-alert p pre{background-color:var(--ring-color);color:currentColor}.custom-block.github-alert p code{font-size:.95em}