plain
.ce-block { margin-bottom: 20px;}.ce-block__content,.ce-toolbar__content { /* max-width:calc(100% - 50px) */ margin-left: auto; margin-right: auto; position: relative;}.editorjs-codeFlask_Wrapper { height: 300px; border: 1px solid #dcdfe6; border-radius: 5px; background-color: #f0f2f5; margin-bottom: 10px;}.editorjs-codeFlask_Wrapper .codeflask { border-radius: 5px; background: none;}.editorjs-codeFlask_Wrapper .editorjs-codeFlask_LangDisplay { position: absolute; height: 20px; line-height: 20px; font-size: 12px; color: #999; background-color: #dcdfe6; padding: 10px 25px 20px 10px; right: 0; bottom: 0; border-bottom-right-radius: 5px; border-top-left-radius: 5px;}.editorjs-codeFlask_Wrapper .codeflask.codeflask--has-line-numbers:before{ background-color: #dcdfe6;}.codeflask { position: absolute; width: 100%; height: 100%; overflow: hidden;} .codeflask, .codeflask * { box-sizing: border-box; } .codeflask__pre { pointer-events: none; z-index: 3; overflow: hidden; max-width: 100%; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; padding: 10px 20px 10px 10px; border: 1px solid rgb(238, 238, 238); } .codeflask__textarea { background: none; border: none; color: #fff; resize: none; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; -webkit-appearance: pre; caret-color: #111; z-index: 2; width: 100%; height: 100%; max-width: 100%; white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; padding: 10px; } .codeflask--has-line-numbers .codeflask__textarea { width: calc(100% - 40px); } .codeflask__code { display: block; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; overflow: hidden; } .codeflask__flatten { /* padding: 10px; */ font-size: 13px; line-height: 20px; /* white-space: pre; */ position: absolute; top: 0; left: 0; overflow: auto; margin: 0 !important; outline: none; text-align: left; } .codeflask--has-line-numbers .codeflask__flatten { width: calc(100% - 40px); left: 40px; } .codeflask__line-highlight { position: absolute; top: 10px; left: 0; width: 100%; height: 20px; background: rgba(0,0,0,0.1); z-index: 1; } .codeflask__lines { padding: 10px 4px; font-size: 12px; line-height: 20px; font-family: 'Cousine', monospace; position: absolute; left: 0; top: 0; width: 40px; height: 100%; text-align: right; color: #999; z-index: 2; } .codeflask__lines__line { display: block; } .codeflask.codeflask--has-line-numbers { padding-left: 40px; } .codeflask.codeflask--has-line-numbers:before { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; background: #eee; z-index: 1; } .inline-code { background: rgba(250, 239, 240, 0.78); color: #b44437; padding: 3px 4px; border-radius: 5px; margin: 0 1px; font-family: inherit; font-size: 0.86em; font-weight: 500; letter-spacing: 0.3px;} |