cmiframe.html (1366B)
1 <!DOCTYPE html> 2 <html dir='ltr'> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src chrome: data:; style-src chrome: 'unsafe-inline';"> 6 <meta name="color-scheme" content="light dark"> 7 <style id="cmBaseStyle"> 8 html, body { height: 100%; } 9 body { margin: 0; overflow: hidden; } 10 .CodeMirror { 11 width: 100% !important; 12 /* 13 1. Use fallback values for CSS variables, so that the text is sized 14 correctly while all the stylesheets load. Fallback values should 15 match the values in devtools/client/themes/variables.css 16 2. Avoid !important for the font-size, to let CodeMirror set its own 17 font-size based on prefs. 18 */ 19 font-size: var(--theme-code-font-size, 11px); 20 line-height: var(--theme-code-line-height, 1.3636) !important; 21 } 22 </style> 23 <link rel='stylesheet' href="chrome://devtools/content/shared/sourceeditor/codemirror/lib/codemirror.css"> 24 <link rel='stylesheet' href="chrome://devtools/content/shared/sourceeditor/codemirror/addon/dialog/dialog.css"> 25 <link rel='stylesheet' href="chrome://devtools/content/shared/sourceeditor/codemirror/mozilla.css"> 26 <script src="chrome://devtools/content/shared/theme-switching.js"></script> 27 </head> 28 <body class='theme-body devtools-monospace'></body> 29 </html>