1 line
2.0 KiB
Plaintext
1 line
2.0 KiB
Plaintext
{"version":3,"sourceRoot":"","sources":["../../../src/client/styles/copy-code.scss"],"names":[],"mappings":"AAAA,qBACE,kBACA,SACA,WACA,UAEA,aACA,cACA,UACA,eACA,oBAEA,yBACA,aAEA,UACA,eAEA,uBAEA,aApBF,qBAqBI,cAGF,6BACE,WAEA,qBAEA,cACA,eACA,gBAEA,wBACA,8BAEA,kBAEA,iCACA,kBACA,cACA,sBAGF,uDAEE,UAGF,uDAEE,oCAIA,oCACE,mCAGF,mCACE,0BAEA,kBACA,MACA,0BAEA,cAEA,eACA,gBACA,oBAEA,oCACA,8BAEA,gBACA,oBACA,mBAIJ,mCACE,aAKF,4DACE,aAGF,yEACE","file":"copy-code.css","sourcesContent":[".vp-copy-code-button {\n position: absolute;\n top: 0.5em;\n right: 0.5em;\n z-index: 5;\n\n width: 2.5rem;\n height: 2.5rem;\n padding: 0;\n border-width: 0;\n border-radius: 0.5rem;\n\n background: transparent;\n outline: none;\n\n opacity: 0;\n cursor: pointer;\n\n transition: opacity 0.4s;\n\n @media print {\n display: none;\n }\n\n &::before {\n content: '';\n\n display: inline-block;\n\n width: 1.25rem;\n height: 1.25rem;\n padding: 0.625rem;\n\n background: currentcolor;\n color: var(--copy-code-c-text);\n\n font-size: 1.25rem;\n\n mask-image: var(--code-copy-icon);\n mask-position: 50%;\n mask-size: 1em;\n mask-repeat: no-repeat;\n }\n\n &:focus,\n &.copied {\n opacity: 1;\n }\n\n &:hover,\n &.copied {\n background: var(--copy-code-c-hover);\n }\n\n &.copied {\n &::before {\n mask-image: var(--code-copied-icon);\n }\n\n &::after {\n content: attr(data-copied);\n\n position: absolute;\n top: 0;\n right: calc(100% + 0.25rem);\n\n display: block;\n\n height: 1.25rem;\n padding: 0.625rem;\n border-radius: 0.5rem;\n\n background: var(--copy-code-c-hover);\n color: var(--copy-code-c-text);\n\n font-weight: 500;\n line-height: 1.25rem;\n white-space: nowrap;\n }\n }\n\n .no-copy-code & {\n display: none;\n }\n}\n\nbody:not(.no-copy-code) div[class*='language-']:hover {\n &::before {\n display: none;\n }\n\n .vp-copy-code-button {\n opacity: 1;\n }\n}\n"]} |