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-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 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.