Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:
Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.
In
highlight-line/styles/highlight-line.less:Starting from Atom v1.13.0, the contents of
atom-text-editorelements are no longer encapsulated within a shadow DOM boundary. This means you should stop using:hostand::shadowpseudo-selectors, and prepend all your syntax selectors withsyntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:.atom-text-editor .line.highlight-line, :host .line.highlight-line, atom-text-editor .line.highlight-line, atom-text-editor::shadow .line.highlight-line=>.atom-text-editor .line.highlight-line, :host .line.highlight-line, atom-text-editor .line.highlight-line, atom-text-editor.editor .line.highlight-line.atom-text-editor .line[class*="highlight-line-multi-line-solid-top"], :host .line[class*="highlight-line-multi-line-solid-top"], atom-text-editor .line[class*="highlight-line-multi-line-solid-top"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-solid-top"]=>.atom-text-editor .line[class*="highlight-line-multi-line-solid-top"], :host .line[class*="highlight-line-multi-line-solid-top"], atom-text-editor .line[class*="highlight-line-multi-line-solid-top"], atom-text-editor.editor .line[class*="highlight-line-multi-line-solid-top"].atom-text-editor .line[class*="highlight-line-multi-line-solid-bottom"], :host .line[class*="highlight-line-multi-line-solid-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-solid-bottom"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-solid-bottom"]=>.atom-text-editor .line[class*="highlight-line-multi-line-solid-bottom"], :host .line[class*="highlight-line-multi-line-solid-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-solid-bottom"], atom-text-editor.editor .line[class*="highlight-line-multi-line-solid-bottom"].atom-text-editor .line[class*="highlight-line-multi-line-dashed-top"], :host .line[class*="highlight-line-multi-line-dashed-top"], atom-text-editor .line[class*="highlight-line-multi-line-dashed-top"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-dashed-top"]=>.atom-text-editor .line[class*="highlight-line-multi-line-dashed-top"], :host .line[class*="highlight-line-multi-line-dashed-top"], atom-text-editor .line[class*="highlight-line-multi-line-dashed-top"], atom-text-editor.editor .line[class*="highlight-line-multi-line-dashed-top"].atom-text-editor .line[class*="highlight-line-multi-line-dashed-bottom"], :host .line[class*="highlight-line-multi-line-dashed-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-dashed-bottom"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-dashed-bottom"]=>.atom-text-editor .line[class*="highlight-line-multi-line-dashed-bottom"], :host .line[class*="highlight-line-multi-line-dashed-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-dashed-bottom"], atom-text-editor.editor .line[class*="highlight-line-multi-line-dashed-bottom"].atom-text-editor .line[class*="highlight-line-multi-line-dotted-top"], :host .line[class*="highlight-line-multi-line-dotted-top"], atom-text-editor .line[class*="highlight-line-multi-line-dotted-top"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-dotted-top"]=>.atom-text-editor .line[class*="highlight-line-multi-line-dotted-top"], :host .line[class*="highlight-line-multi-line-dotted-top"], atom-text-editor .line[class*="highlight-line-multi-line-dotted-top"], atom-text-editor.editor .line[class*="highlight-line-multi-line-dotted-top"].atom-text-editor .line[class*="highlight-line-multi-line-dotted-bottom"], :host .line[class*="highlight-line-multi-line-dotted-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-dotted-bottom"], atom-text-editor::shadow .line[class*="highlight-line-multi-line-dotted-bottom"]=>.atom-text-editor .line[class*="highlight-line-multi-line-dotted-bottom"], :host .line[class*="highlight-line-multi-line-dotted-bottom"], atom-text-editor .line[class*="highlight-line-multi-line-dotted-bottom"], atom-text-editor.editor .line[class*="highlight-line-multi-line-dotted-bottom"]Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.