@etsoo/editor
Version:
ETSOO Free WYSIWYG HTML Editor
8 lines (4 loc) • 2.75 kB
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var css_248z = ":host{--close-button-right:8px;--height:120px;--color-panel:#303ab233}.wrapper{background-color:gray;opacity:1;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;z-index:9000}.modal,.wrapper{bottom:0;left:0;position:fixed;right:0;top:0}.modal{z-index:9010}.close-button{cursor:pointer;position:fixed;right:var(--close-button-right);top:8px;z-index:9020}.container{box-sizing:border-box;height:calc(100% - var(--height));overflow:auto;padding:8px;visibility:hidden;width:100%}.container canvas{border:1px dotted #fff;box-sizing:border-box}.toolbar{align-items:center;border-top:2px outset;bottom:0;display:flex;gap:8px;height:var(--height)}.settings,.toolbar{background-color:#fff;box-sizing:border-box;padding:8px}.settings{bottom:var(--height);font-size:11px;left:0;opacity:.9;position:fixed;right:0;visibility:hidden}.form{grid-gap:8px;align-items:center;display:grid;grid-template-columns:repeat(1,90px minmax(100px,1fr))}.flex{flex-wrap:wrap;gap:8px}.flex,.vflex{align-items:center;display:flex;justify-content:center}.vflex{flex-direction:column;gap:4px}.settings input[type=range]{width:100px}.settings label{align-items:center;display:flex;flex-shrink:1}.settings label span{margin-right:4px}.settings label.span2{grid-column:span 2}@media (min-width:400px){.form{grid-template-columns:repeat(2,78px minmax(100px,1fr))}}@media (min-width:768px){.form{grid-template-columns:repeat(3,78px minmax(100px,1fr))}}@media (min-width:992px){.form{grid-template-columns:repeat(4,78px minmax(100px,1fr))}}@media (min-width:1200px){.form{grid-template-columns:repeat(5,78px minmax(100px,1fr))}}.icons{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;gap:8px;justify-content:center}.icons button{align-items:center;display:inline-flex;position:relative}.icons div.separator{border-left:1px solid #ccc;display:inline-block;height:22px;margin:4px 0}button:disabled{color:#00000054}button:disabled svg{fill:#00000054}input[type=number],input[type=text]{width:72px}.panels{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;gap:4px;height:100%;width:100px}.size-indicator{font-size:9px;text-align:center}.move-panel{background-color:#f3f3f3;border:1px inset;box-sizing:border-box;flex-grow:1;position:relative}.move-panel .mover{background-color:var(--color-panel);border:1px dotted #ccc;box-sizing:border-box;position:absolute}eo-popup .grid{align-items:center;column-gap:9px;display:grid;font-size:12px;grid-template-columns:78px 1fr 78px 1fr;padding:1em;row-gap:9px}eo-popup .grid .grid-title{font-weight:700;grid-column:1/-1}eo-popup .grid .full-width{grid-column:1/-1}";
exports.default = css_248z;