mirror of
https://github.com/WenPai-org/wpmind.git
synced 2025-08-03 02:48:41 +08:00
12 lines
8.8 KiB
CSS
12 lines
8.8 KiB
CSS
:root{--mind-brand-color:#e455df;--mind-brand-darken-color:#bb56df;--mind-brand-color-2:#4376ec;--mind-error-color:#e74f4f;--mind-error-light-color:#faf4f4}
|
|
.mind-popup{border-radius:10px;color:#000;margin-top:0;max-height:clamp(0px,440px,75vh);position:relative;top:15%;transition:width .3s ease-in-out,height .3s ease-in-out,top .3s ease-in-out;width:650px;will-change:width,height,top}.mind-popup.is-full-screen{top:40px}.mind-popup .components-modal__content{overflow:hidden;padding:0}.mind-popup .components-modal__content>div{display:flex;flex-direction:column;height:100%}.mind-popup-overlay{z-index:1000001}
|
|
.mind-popup-input{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:0}.mind-popup-input>svg{color:var(--mind-brand-color);left:20px;pointer-events:none;position:absolute;top:20px}.mind-popup-input>.components-base-control{flex:1}.mind-popup-input textarea{border:none!important;box-shadow:none!important;color:#151515;font-size:1.15em;max-height:150px;padding:20px 20px 20px 50px;resize:none;width:100%}.mind-popup-input textarea::-moz-placeholder{color:#a3a3a3}.mind-popup-input textarea::placeholder{color:#a3a3a3}
|
|
.mind-popup-loading-line{height:1px;margin-top:-1px;position:relative;width:100%}.mind-popup-loading-line span{animation:mind-popup-loading 1.2s ease-in-out infinite;background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.7) 35%,rgba(0,0,0,.7) 65%,transparent);display:block;height:1px;left:20%;opacity:0;position:absolute;width:60%}@keyframes mind-popup-loading{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1.3)}to{opacity:0;transform:scaleX(2.6)}}
|
|
.mind-popup-content{display:flex;flex:1;flex-direction:column-reverse;overflow:auto;padding:10px 20px}.mind-popup-content:empty,.mind-popup-content:has(.mind-popup-request iframe),.mind-popup-content:has(.mind-popup-request:empty){margin-bottom:-1px;padding:0}.mind-popup-content .mind-popup-request{margin-bottom:auto}.mind-popup-content .mind-popup-request ol,.mind-popup-content .mind-popup-request ul{list-style:auto;padding-left:15px}.mind-popup-content .mind-popup-request table{border-collapse:collapse;width:100%}.mind-popup-content .mind-popup-request table td,.mind-popup-content .mind-popup-request table th{border:1px solid;min-width:1px;padding:.5em;white-space:pre-wrap}.mind-popup-commands{display:flex;flex-direction:column;margin-left:-10px;margin-right:-10px}.mind-popup-commands .mind-popup-commands-category{color:#7f7f7f;padding:28px 10px 10px;position:relative}.mind-popup-commands .mind-popup-commands-category:first-child{padding-top:10px}.mind-popup-commands .mind-popup-commands-category:not(:first-child):before{border-top:1px solid #e8e7e7;content:"";display:block;left:-10px;position:absolute;right:-10px;top:8px}.mind-popup-commands .mind-popup-commands-button{align-items:center;background-color:transparent;border:none;border-radius:5px;color:#000;display:flex;gap:10px;height:auto;min-height:40px;padding:10px;text-align:left}.mind-popup-commands .mind-popup-commands-button:focus,.mind-popup-commands .mind-popup-commands-button:hover{background-color:rgba(0,0,0,.05)}
|
|
.mind-popup-notice{background-color:#f4f4f4;border:1px solid #bebebe;border-radius:6px;color:#434343;padding:10px}.mind-popup-notice-error{background-color:#fff5f5;border-color:#eaacac;color:#7c3939}
|
|
.mind-popup-response{contain:content;position:relative;transform:translateZ(0);will-change:transform}.mind-popup-response .block-editor-block-preview__content,.mind-popup-response .block-editor-block-preview__content iframe{max-height:none!important}.mind-popup-response__preview{backface-visibility:hidden;transform:translateZ(0);will-change:opacity;z-index:2}.mind-popup-response--1 .mind-popup-response__preview:nth-child(2),.mind-popup-response--2 .mind-popup-response__preview:first-child{left:0;opacity:0;position:absolute;right:0;top:0;z-index:1}@keyframes mind-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.mind-popup-response{contain:strict;height:100%}}
|
|
.mind-popup-footer{align-items:center;display:flex;justify-content:space-between;padding:0 20px 20px}.mind-popup-content:has(iframe)+.mind-popup-footer{padding-top:20px}.mind-popup-footer-context{display:flex;gap:8px;width:100%}.mind-popup-footer-context>*{align-items:center;background:none;border:1px dashed rgba(0,0,0,.15);border-radius:5px;color:rgba(0,0,0,.4);cursor:pointer;display:flex;font-weight:500;gap:15px;padding:5px 5px 5px 10px;position:relative;white-space:nowrap}.mind-popup-footer-context>:after{border-right:1px dashed rgba(0,0,0,.15);bottom:0;content:"";position:absolute;right:23px;top:0}.mind-popup-footer-context>:focus-visible,.mind-popup-footer-context>:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.5)}.mind-popup-footer-context>.active{border-style:solid;color:#121212}.mind-popup-footer-context>.active:after{border-right-style:solid}.mind-popup-footer-context>.active svg{transform:rotate(45deg)}.mind-popup-footer-context>:disabled{border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.2);padding-right:10px;pointer-events:none}.mind-popup-footer-context>:disabled svg,.mind-popup-footer-context>:disabled:after{display:none}.mind-popup-footer-actions{display:flex;gap:5px;margin-left:auto}.mind-popup-footer-actions button{border-radius:5px;display:flex;font-weight:500;gap:8px;height:27px}.mind-popup-footer-actions button:focus,.mind-popup-footer-actions button:hover{background-color:rgba(0,0,0,.05);color:#121212}.mind-popup-footer-actions button kbd{background-color:rgba(0,0,0,.08);border-radius:3px;color:rgba(0,0,0,.5);font:inherit;font-weight:400;margin-right:-9px;padding:3px 4px}.mind-popup-footer-actions button.mind-popup-footer-actions-primary{background-color:#000;color:#fff}.mind-popup-footer-actions button.mind-popup-footer-actions-primary:focus-visible,.mind-popup-footer-actions button.mind-popup-footer-actions-primary:hover{background-color:#212121;color:#fff}.mind-popup-footer-actions button.mind-popup-footer-actions-primary kbd{background-color:#535353;color:#fff}.mind-popup-footer-actions button.mind-popup-footer-actions-primary:disabled{background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.07);color:rgba(0,0,0,.2);pointer-events:none}.mind-popup-footer-actions button.mind-popup-footer-actions-icon{justify-content:center;padding:0;width:27px}
|
|
.mind-popup-loading-text:after{animation:mind-popup-loading-text 1s infinite;content:"...";display:inline-block;min-width:13px;text-align:left}@keyframes mind-popup-loading-text{0%,to{content:"..."}25%{content:""}50%{content:"."}75%{content:".."}}
|
|
.mind-popup-connected-screen{display:flex;flex-direction:column;gap:20px;padding:30px;text-align:center}.mind-popup-connected-screen h2{align-items:center;display:flex;font-size:16px;font-weight:500;gap:7px;justify-content:center;margin:0}.mind-popup-connected-screen p{font-size:14px;font-weight:300;margin:0}.mind-popup-connected-screen-button{color:var(--mind-brand-color);display:inline-block;font-weight:500;margin-bottom:-10px;margin-top:-10px;padding:10px 15px;position:relative;text-decoration:none}@supports(-webkit-background-clip:text){.mind-popup-connected-screen-button{-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--mind-brand-color),var(--mind-brand-color-2));-webkit-background-clip:text;background-clip:text}}.mind-popup-connected-screen-button:after{bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}.mind-popup-connected-screen-button:focus:after,.mind-popup-connected-screen-button:hover:after{background-color:var(--mind-brand-color)}
|
|
.mind-toolbar-toggle svg{color:var(--mind-brand-color)}.mind-toolbar-dropdown{--wp-admin-theme-color:var(--mind-brand-darken-color)}.mind-toolbar-dropdown .components-button.has-icon.has-text{gap:10px}.mind-toolbar-dropdown span[role=img]{font-size:18px;margin-right:6px;vertical-align:middle}.mind-toolbar-dropdown-toggle{width:100%}.mind-toolbar-dropdown-toggle button{gap:10px;padding-left:8px;padding-right:8px;width:100%}.mind-toolbar-dropdown-toggle button svg:last-child{height:auto;margin-left:auto;width:20px}
|
|
.mind-post-toolbar-toggle{flex:100%;white-space:nowrap}.mind-post-toolbar-toggle button{--wp-components-color-accent:var(--mind-brand-color);color:var(--mind-brand-color);font-weight:500;position:relative}@supports(-webkit-background-clip:text){.mind-post-toolbar-toggle button{-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--mind-brand-color),var(--mind-brand-color-2));-webkit-background-clip:text;background-clip:text}}.mind-post-toolbar-toggle button:after{bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0}.mind-post-toolbar-toggle button:focus,.mind-post-toolbar-toggle button:hover{color:var(--mind-brand-color)}.mind-post-toolbar-toggle button:focus:after,.mind-post-toolbar-toggle button:hover:after{background-color:var(--mind-brand-color)}.mind-post-toolbar-toggle svg{margin-bottom:-2px;margin-right:6px;margin-top:-2px}
|