nimiq-vitepress-theme/dist/assets/code-blocks.css

Nimiq UI theme for VitePress

pre{padding-left:0;padding-right:0}pre code{border-radius:0;display:inline-block;min-width:100%;padding:0 1.5rem;position:relative;width:-moz-fit-content;width:fit-content}pre code .diff,pre code .highlighted{background-color:var(--bg-color);border-bottom-width:1px;border-color:var(--border-color);border-top-width:1px;display:inline-block;margin:0 -1.5rem;padding:0 1.5rem;transition:background-color .5s;width:calc(100% + 3rem)}pre code .highlighted{--bg-color:rgb(var(--nq-neutral-200));--border-color:rgb(var(--nq-neutral-300))}pre code .highlighted:has(+.highlighted){border-bottom-width:0;bottom:-1px;position:relative}pre code .highlighted+.highlighted{border-top-width:0}pre code .diff.remove{--bg-color:rgb(var(--nq-red-400));--border-color:rgb(var(--nq-red-500))}pre code .diff.add{--bg-color:rgb(var(--nq-green-400));--border-color:rgb(var(--nq-green-500))}pre code .diff:has(+.diff){border-bottom-width:0;bottom:-1px;position:relative}pre code .diff+.diff{border-top-width:0}:not(.vp-code-group>.blocks)>.language-{position:relative}:not(.vp-code-group>.blocks)>.language- .copy{top:18px}:where(:not(.vp-code-group>.blocks)>div[class^=language-]:not(.language-),.vp-code-group){border-radius:.5em;margin-top:1.5em;outline:1.5px solid rgb(var(--nq-neutral)/.08);position:relative}:where(:not(.vp-code-group>.blocks)>div[class^=language-]:not(.language-),.vp-code-group) .lang,:where(:not(.vp-code-group>.blocks)>div[class^=language-]:not(.language-),.vp-code-group) .tabs{height:44px;--nq-m-min:20;--nq-m-max:24;background-color:rgb(var(--nq-neutral-50));border-bottom:1.5px solid rgb(var(--nq-neutral)/.08);border-radius:.5rem .5rem 0 0;display:flex;justify-content:flex-start;padding:8px var(--nq-m-size)}:where(:not(.vp-code-group>.blocks)>div[class^=language-]:not(.language-),.vp-code-group) pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;outline:none}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy{align-items:center;background-color:transparent;background-color:rgb(var(--nq-neutral-50));border-radius:6px;color:rgba(var(--nq-neutral-800));display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:20px;top:8px;transition:background-color .2s var(--nq-ease);width:28px;z-index:1}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy.copied{cursor:default}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy.copied:before{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 10'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.082 1.111 5.022 8.89 1.363 5.687'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v10H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");color:rgba(var(--nq-green))}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy:not(.copied):focus-visible,:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy:not(.copied):hover{background-color:rgba(var(--nq-neutral-200))}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy:not(.copied):before{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cpath stroke='%231F2348' stroke-width='1.5' d='M9.861 3.7V2a1 1 0 0 0-1-1H2.377a1 1 0 0 0-1 1v7.256a1 1 0 0 0 1 1h1.314m2.542 3.083h6.484a1 1 0 0 0 1-1V5.86a1 1 0 0 0-1-1H6.233a1 1 0 0 0-1 1v6.48a1 1 0 0 0 1 1Z'/%3E%3C/svg%3E")}:where(:not(.vp-code-group>.blocks)>div[class^=language-],.vp-code-group>.blocks>.active) .copy:before{background-color:currentColor;bottom:0;color:inherit;content:"";display:inline-block;height:1em;left:-1px;margin-left:.4em;-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:relative;right:0;top:0;width:1em;z-index:inherit}:where(:not(.vp-code-group>.blocks) div[class^=language-]:not(.language-) .lang,.vp-code-group .tabs label){align-items:center;color:rgb(var(--nq-neutral-700));display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:flex-start;margin-left:0;padding:.25em .65em .25em .75em;--logo:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 28'%3E%3Cpath stroke='%231f2348' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.667' d='M14 2v5.333a1.334 1.334 0 0 0 1.333 1.334h5.334'/%3E%3Cpath stroke='%231f2348' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.667' d='M18 26H4.667A2.667 2.667 0 0 1 2 23.333V4.667A2.667 2.667 0 0 1 4.667 2H14l6.667 6.667v14.666A2.667 2.667 0 0 1 18 26'/%3E%3C/svg%3E")}.dark :where(:not(.vp-code-group>.blocks) div[class^=language-]:not(.language-) .lang,.vp-code-group .tabs label){--logo:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 28'%3E%3Cpath stroke='%23ffffffaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.667' d='M14 2v5.333a1.334 1.334 0 0 0 1.333 1.334h5.334'/%3E%3Cpath stroke='ffffffaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.667' d='M18 26H4.667A2.667 2.667 0 0 1 2 23.333V4.667A2.667 2.667 0 0 1 4.667 2H14l6.667 6.667v14.666A2.667 2.667 0 0 1 18 26'/%3E%3C/svg%3E")}:where(:not(.vp-code-group>.blocks) div[class^=language-]:not(.language-) .lang,.vp-code-group .tabs label):before{background:var(--logo) no-repeat;background-color:transparent;background-size:100% 100%;bottom:0;content:"";display:inline-block;height:1em;left:0;position:relative;right:0;top:0;width:1em;z-index:inherit}.vp-code-group .tabs:has(>input+label+input) input:not(:checked)+label:before{filter:grayscale(100%);opacity:.6;transition:opacity .2s var(--nq-ease),filter .2s var(--nq-ease)}.vp-code-group .tabs:has(>input+label+input) input:checked+label{background-color:rgb(var(--nq-blue-400));color:rgb(var(--nq-blue))}.vp-code-group .tabs:has(>input+label+input) label{border-radius:6px;color:rgb(var(--nq-neutral-700));cursor:pointer;margin-right:.5em;transition:background-color .2s,color .2s}.vp-code-group .tabs:has(>input+label+input) label:hover{background-color:rgb(var(--nq-neutral-200));color:rgb(var(--nq-neutral-800))}input:focus-visible+.vp-code-group .tabs:has(>input+label+input) label{background-color:rgb(var(--nq-blue-400));color:rgb(var(--nq-blue))}.vp-code-group .tabs:not(:has(>input+label+input)) label{color:rgb(var(--nq-neutral-800));transform:translateX(-.75em)}.vp-code-group .tabs input{height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.vp-code-group .blocks .lang,.vp-code-group .blocks>div:not(.active){display:none}