@etsoo/editor/lib/cjs/EOEditor.css.js

ETSOO Free WYSIWYG HTML Editor

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var css_248z = ":host{--color:#000;--color-active-bg:#303ab233;--color-hover-bg:#303ab20d;--color-active:#303ab2;--width:auto;--height:60vh;--radius:4px;user-select:none}.container{border:1.5px outset;border-radius:var(--radius)}.toolbar{border-bottom:1px solid #dfdfdf;display:flex;flex-wrap:wrap;padding:.5em}.toolbar svg.color-indicator{transform:translate(3px,-16px)}.toolbar div.separator,eo-popup .icons div.separator{border-left:1px solid #ccc;display:inline-block;height:21px;margin:4px 6px}.toolbar button,eo-popup .icons button{background-color:initial;border:none;border-radius:calc(var(--radius)*.75);cursor:pointer;height:30px;margin:0 1px;padding:3px;text-align:left;width:30px}.toolbar button.autosize,eo-popup .icons button.autosize{height:auto;padding:3px 6px;width:auto}.toolbar button.more{width:42px}.toolbar button.text{width:98px!important}eo-popup.top-popup{z-index:991}eo-popup .icons{display:flex}eo-popup .icons button.line{align-items:center;border-radius:0;display:flex;height:56px!important;padding:3px 9px;width:180px!important}eo-popup .icons button.line:nth-child(odd){background-color:#f6f6f6}eo-popup .content{font-size:12px;padding:0 1em}eo-popup .content1,eo-popup .grid{font-size:12px;padding:1em}eo-popup .grid{align-items:center;column-gap:9px;display:grid;grid-template-columns:78px 1fr 78px 1fr;row-gap:9px}eo-popup .grid input[type=number],eo-popup .grid input[type=text]{width:72px}eo-popup .grid .grid-title{font-weight:700;grid-column:1/-1}eo-popup .grid .self{align-self:start;padding-top:4px}eo-popup .grid .span3{grid-column:2/span 3}eo-popup .grid .full-width{grid-column:1/-1}eo-popup .flex2{align-items:center;display:flex;gap:6px}eo-popup .flex2 :first-child{flex-grow:1}eo-popup button.full-width{width:100%}eo-popup .icon-button{align-items:center;display:inline-flex;padding:3px 9px}eo-popup .icon-button svg{margin-right:4px}eo-popup .tab-page{font-size:14px;padding:12px;width:min(75vw,640px)}eo-popup .tab-page .tabs{display:flex;flex-wrap:no-wrap;padding-bottom:6px}eo-popup .tab-page .tabs .tab{padding-right:6px}eo-popup .tab-page .latest{margin-bottom:6px}eo-popup .tab-page .tab-content{height:calc(var(--height) - 120px);overflow:auto}eo-popup .tab-page .latest div,eo-popup .tab-page .tab-content .items div{border:1px outset #ccc;box-sizing:border-box;cursor:pointer;display:inline-block;height:28px;line-height:28px;text-align:center;vertical-align:middle;width:28px}eo-popup .tab-page .items div:hover,eo-popup .tab-page .latest div:hover{background-color:var(--color-active-bg);color:var(--color-active)}eo-popup .tab-page .items div:hover:after,eo-popup .tab-page .latest div:hover:after{background-color:#fff;border:1px solid var(--color-active);content:attr(data-preview);font-size:60px;height:60px;line-height:60px;margin-left:9px;margin-top:-86px;padding:12px;position:absolute;text-align:center;vertical-align:middle;width:60px}.toolbar button.more span.text{font-size:13px;min-width:72px;padding:0 4px}.toolbar button.more span.text,.toolbar button.more svg,svg.inline{display:inline-block;vertical-align:middle}.toolbar button.more svg.more-icon{margin-bottom:4px;margin-left:-3px;margin-right:-3px}.toolbar button:enabled,eo-popup .icons button{color:var(--color)}.toolbar button:enabled svg,eo-popup .icons button svg{fill:var(--color)}.toolbar button:enabled:not(.active):hover,eo-popup .icons button:not(.active):hover{background-color:var(--color-hover-bg)}.toolbar button.active,.toolbar button:enabled:active,eo-popup .icons button.active,eo-popup .icons button:active{background-color:var(--color-active-bg)!important}.toolbar button.active,.toolbar button:enabled:hover,eo-popup .icons button.active,eo-popup .icons button:hover{color:var(--color-active)}.toolbar button.active svg,.toolbar button:enabled:hover svg,eo-popup .icons button.active svg,eo-popup .icons button:hover svg{fill:var(--color-active)}.toolbar button:disabled,eo-popup button:disabled{color:#00000054}.toolbar button:disabled svg,eo-popup button:disabled svg{fill:#00000054}.edit-area{box-sizing:border-box;height:var(--height);overflow:hidden;width:var(--width)}.edit-area iframe,.edit-area textarea{border:none;box-sizing:border-box;height:100%;outline:none;width:100%}.edit-area textarea{display:none;padding:.5em}.preview-container{height:320px;margin:6px 0;overflow:auto;position:relative;width:min(80vw,480px)}.preview-container img{display:none;left:0;position:absolute;top:0}.table-cells td{border:1px solid #ccc;height:16px;width:16px}.table-cells td.hidden{display:none}.table-cells td.focus{background-color:var(--color-active-bg)}div.narrow input{width:44.5px!important}";

exports.default = css_248z;