@vitepress-demo-preview/component/dist/style.css

preview component of code and component in vitepress

.vitepress-demo-preview-message-notice__container{display:flex;align-items:center;border:1px solid var(--component-preview-border);padding:8px 30px;border-radius:4px;font-size:12px;color:var(--component-preview-primary-color);position:fixed;left:50%;transform:translate(-50%);z-index:999}.vitepress-demo-preview-message-notice__container svg{display:inline-block;fill:currentColor;color:var(--component-preview-primary-color);cursor:pointer;margin-right:4px}.slide-fade-leave-active,.slide-fade-enter-active{transition:all .25s ease-in-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(-50%,-75px);opacity:0}.vitepress-demo-preview__ant-design__container>*{font-size:14px}.vitepress-demo-preview__ant-design__container div[class*=language-]{margin-top:0;margin-bottom:0;border-radius:0;background-color:var(--component-preview-bg)}.vitepress-demo-preview__ant-design__container{width:100%;border-radius:4px;border:1px solid var(--component-preview-border);box-shadow:0 0 10px var(--component-preview-border);margin:10px 0;overflow:hidden}.vitepress-demo-preview__ant-design__container .vitepress-demo-preview-preview,.vitepress-demo-preview__ant-design__container .vitepress-demo-preview-description,.vitepress-demo-preview__ant-design__container .vitepress-demo-preview-source{width:100%}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-preview{padding:20px 20px 30px}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-preview>p{margin:0;padding:0}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title{width:100%;position:relative;padding-left:25px}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title:before{content:"";position:absolute;width:3%;border-top:1px solid var(--component-preview-border);top:12px;left:0}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title:after{content:"";position:absolute;width:100%;border-top:1px solid var(--component-preview-border);top:12px;margin-left:5px}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__content{padding:20px}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__split-line{border-bottom:1px dashed var(--component-preview-border)}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn{padding-top:10px;padding-bottom:10px;width:100%;display:flex;align-items:center;justify-content:center}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn svg{width:16px;height:16px;fill:currentColor;color:var(--component-preview-text-1);cursor:pointer}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn svg:not(:last-of-type){margin-right:8px}.vitepress-demo-preview__ant-design__container>.vitepress-demo-preview-source{overflow:hidden;transition:all .3s ease-in-out}.vitepress-demo-preview__element-plus__container>*{font-size:14px}.vitepress-demo-preview__element-plus__container div[class*=language-]{margin-top:0;margin-bottom:0;border-radius:0;background-color:var(--component-preview-bg)}.vitepress-demo-preview__element-plus__container{width:100%;border-radius:4px;border:1px solid var(--component-preview-border);box-shadow:0 0 10px var(--component-preview-border);margin:10px 0;overflow:hidden}.vitepress-demo-preview__element-plus__container .vitepress-demo-preview-preview,.vitepress-demo-preview__element-plus__container .vitepress-demo-preview-description,.vitepress-demo-preview__element-plus__container .vitepress-demo-preview-source{width:100%}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-preview{padding:20px 20px 30px}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-preview>p{margin:0;padding:0}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title{width:100%;position:relative;padding-left:25px}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title:before{content:"";position:absolute;width:3%;border-top:1px solid var(--component-preview-border);top:12px;left:0}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__title:after{content:"";position:absolute;width:100%;border-top:1px solid var(--component-preview-border);top:12px;margin-left:5px}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__content{padding:20px}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__split-line{border-bottom:1px dashed var(--component-preview-border)}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn{padding-top:10px;padding-bottom:10px;padding-right:20px;width:100%;display:flex;align-items:center;justify-content:flex-end}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn svg{width:16px;height:16px;fill:currentColor;color:var(--component-preview-text-1);cursor:pointer}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-description .vitepress-demo-preview-description__handle-btn svg:not(:last-of-type){margin-right:8px}.vitepress-demo-preview__element-plus__container>.vitepress-demo-preview-source{overflow:hidden;transition:all .3s ease-in-out}:root{--component-preview-bg: var(--vp-c-bg);--component-preview-soft: var(--vp-c-bg-soft);--component-preview-mute: var(--vp-c-bg-mute);--component-preview-border: rgb(240, 240, 240);--component-preview-text-1: var(--vp-c-text-1);--component-preview-text-2: var(--vp-c-text-2);--component-preview-text-3: var(--vp-c-text-3);--component-preview-text-4: var(--vp-c-text-4);--component-preview-code-block-bg: #343030;--component-preview-primary-color: var(--vp-c-brand)}.dark:root{--component-preview-bg: var(--vp-c-bg);--component-preview-soft: var(--vp-c-bg-soft);--component-preview-mute: var(--vp-c-bg-mute);--component-preview-border: rgb(240, 240, 240, .1);--component-preview-text-1: var(--vp-c-text-1);--component-preview-text-2: var(--vp-c-text-2);--component-preview-text-3: var(--vp-c-text-3);--component-preview-text-4: var(--vp-c-text-4);--component-preview-code-block-bg: #282626;--component-preview-primary-color: var(--vp-c-brand)}.vitepress-demo-preview__naive-ui__container>*{font-size:14px}.vitepress-demo-preview__naive-ui__container div[class*=language-]{margin-top:0;margin-bottom:0;border-radius:0;background-color:var(--component-preview-bg)}.vitepress-demo-preview__naive-ui__container{width:100%;border-radius:4px;border:1px solid var(--component-preview-border);box-shadow:0 0 10px var(--component-preview-border);margin:10px 0;overflow:hidden}.vitepress-demo-preview__naive-ui__container .vitepress-demo-preview-name_handle,.vitepress-demo-preview__naive-ui__container .vitepress-demo-preview-description,.vitepress-demo-preview__naive-ui__container .vitepress-demo-preview-source{width:100%}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-name_handle{padding:20px;display:flex;align-items:center}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-name_handle>.vitepress-demo-preview-component__name{font-size:20px}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-name_handle>.vitepress-demo-preview-description__btns{display:flex;align-items:center;margin-left:auto}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-name_handle>.vitepress-demo-preview-description__btns svg{width:16px;height:16px;fill:currentColor;color:var(--component-preview-text-1);cursor:pointer}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-name_handle>.vitepress-demo-preview-description__btns svg:not(:last-of-type){margin-right:8px}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-description{padding:0 20px 20px}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-preview{padding:0 20px 20px}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-preview>p{margin:0;padding:0}.vitepress-demo-preview__naive-ui__container>.vitepress-demo-preview-source{overflow:hidden;transition:all .3s ease-in-out}