UNPKG

@lyove/monaco-editor-react

Version:

🌴 Monaco Code Editor for React, without need of configuration files or plugins

2 lines (1 loc) • 1.09 kB
body.monaco-fullScreen{overflow:hidden}.monaco-editor-react{position:relative;display:flex;box-sizing:border-box;border:1px solid #bdbdbd;overflow:hidden}.monaco-editor-react.no-border{border-width:0}.monaco-editor-react.fullscreen{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:100}.monaco-editor-react .loading{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;bottom:0;right:0;color:#00000080;background-color:transparent}.monaco-editor-react .loading:after{width:1em;content:"";display:inline;animation:dots steps(3) 1s infinite}.monaco-editor-react .full-screen-icon,.monaco-editor-react .full-screen-icon-cancel{position:absolute;top:.75rem;right:2rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:10;cursor:pointer}.monaco-editor-react .editor-container,.monaco-editor-react.diff .editor-container{box-sizing:border-box;position:relative}@keyframes dots{0%{content:"."}20%{content:".."}40%{content:"..."}60%{content:"...."}80%{content:"....."}}