@mistong/eui-code/dist/index.css

An eui component

*{box-sizing:border-box}.eui-code{border:1px solid #e7ebf0;border-radius:4px;margin-bottom:40px;font-size:14px;display:block}.eui-code .eui-code-demo-preview{padding:40px}.eui-code .eui-code-demo-bottom{outline:0 none;-moz-user-select:none;-ms-flex-align:center;-ms-flex-pack:justify;-ms-user-select:none;-webkit-box-align:center;-webkit-box-pack:justify;-webkit-transition:background-color .3s ease;-webkit-user-select:none;color:#666;align-items:center;background-color:#f4f4f4;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:20px;transition:background-color .3s ease;user-select:none}.eui-code .eui-code-demo-bottom:hover{background-color:#e7ebf0}.eui-code .eui-code-demo-bottom>i{color:#bbb}.eui-code .eui-code-demo-bottom.code-hidden{border-bottom:0 none}.eui-code .pre{background-color:#f4f4f4;border-radius:3px;color:#333;display:block;font-size:13px;font-weight:400;line-height:22px;overflow-x:auto;padding:18px 10px 18px 20px;position:relative;white-space:pre-wrap;word-break:break-all}.eui-code.mode-inline{display:inline-block;border:0 none;margin-bottom:0;vertical-align:middle;background-color:#f0f0f0;padding:3px 5px;margin:0 3px}.eui-code.mode-inline .pre{padding:2px 10px}