@@ -299,8 +299,8 @@ <h2 id="styling">Customized Styling</h2>
299299 < dt id ="class_CodeMirror "> < code > CodeMirror</ code > </ dt >
300300 < dd > The outer element of the editor. This should be used for
301301 borders and positioning. Can also be used to set styles that
302- should hold for everything inside the editor, or to set a
303- background.</ dd >
302+ should hold for everything inside the editor (such as font
303+ and font size), or to set a background.</ dd >
304304
305305 < dt id ="class_CodeMirror_scroll "> < code > CodeMirror-scroll</ code > </ dt >
306306 < dd > This determines whether the editor scrolls (< code > overflow:
@@ -323,9 +323,10 @@ <h2 id="styling">Customized Styling</h2>
323323
324324 < dt id ="class_CodeMirror_gutter_text "> < code > CodeMirror-gutter-text</ code > </ dt >
325325 < dd > Used to style the actual line numbers. For the numbers to
326- line up, you'll want this style to use exactly the same font and
327- vertical padding as normal edited text, as per
328- the < code > CodeMirror-lines</ code > class.</ dd >
326+ line up, you must make sure that the font in the gutter is the
327+ same as the one in the rest of the editor, so you should
328+ probably only set font style and size in
329+ the < code > CodeMirror</ code > class.</ dd >
329330
330331 < dt id ="class_CodeMirror_lines "> < code > CodeMirror-lines</ code > </ dt >
331332 < dd > The visible lines. If this has vertical
0 commit comments