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
blame/styles/blame.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 .gutter[gutter-name="blame"], atom-text-editor::shadow .gutter[gutter-name="blame"]
=>atom-text-editor .gutter[gutter-name="blame"], atom-text-editor.editor .gutter[gutter-name="blame"]
atom-text-editor .blame-gutter, atom-text-editor::shadow .blame-gutter
=>atom-text-editor .blame-gutter, atom-text-editor.editor .blame-gutter
atom-text-editor .blame-gutter .blame-gutter-inner, atom-text-editor::shadow .blame-gutter .blame-gutter-inner
=>atom-text-editor .blame-gutter .blame-gutter-inner, atom-text-editor.editor .blame-gutter .blame-gutter-inner
atom-text-editor .blame-gutter .blame-gutter-inner.blame-odd, atom-text-editor::shadow .blame-gutter .blame-gutter-inner.blame-odd
=>atom-text-editor .blame-gutter .blame-gutter-inner.blame-odd, atom-text-editor.editor .blame-gutter .blame-gutter-inner.blame-odd
atom-text-editor .blame-gutter .blame-gutter-inner.blame-even, atom-text-editor::shadow .blame-gutter .blame-gutter-inner.blame-even
=>atom-text-editor .blame-gutter .blame-gutter-inner.blame-even, atom-text-editor.editor .blame-gutter .blame-gutter-inner.blame-even
atom-text-editor .blame-gutter .blame-gutter-inner:hover, atom-text-editor::shadow .blame-gutter .blame-gutter-inner:hover
=>atom-text-editor .blame-gutter .blame-gutter-inner:hover, atom-text-editor.editor .blame-gutter .blame-gutter-inner:hover
atom-text-editor .blame-gutter .blame-gutter-inner:hover .icon, atom-text-editor::shadow .blame-gutter .blame-gutter-inner:hover .icon
=>atom-text-editor .blame-gutter .blame-gutter-inner:hover .icon, atom-text-editor.editor .blame-gutter .blame-gutter-inner:hover .icon
atom-text-editor .blame-gutter .blame-gutter-inner .blame-gutter-handle, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .blame-gutter-handle
=>atom-text-editor .blame-gutter .blame-gutter-inner .blame-gutter-handle, atom-text-editor.editor .blame-gutter .blame-gutter-inner .blame-gutter-handle
atom-text-editor .blame-gutter .blame-gutter-inner .icon, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon
atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-copy
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-copy
atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy::before, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-copy::before
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy::before, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-copy::before
atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy:hover, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-copy:hover
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-copy:hover, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-copy:hover
atom-text-editor .blame-gutter .blame-gutter-inner .icon-link, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-link
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-link, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-link
atom-text-editor .blame-gutter .blame-gutter-inner .icon-link::before, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-link::before
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-link::before, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-link::before
atom-text-editor .blame-gutter .blame-gutter-inner .icon-link:hover, atom-text-editor::shadow .blame-gutter .blame-gutter-inner .icon-link:hover
=>atom-text-editor .blame-gutter .blame-gutter-inner .icon-link:hover, atom-text-editor.editor .blame-gutter .blame-gutter-inner .icon-link:hover
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.