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:
In
seti-syntax\index.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, :host
=>.atom-text-editor,atom-text-editor
.atom-text-editor, :host
=>.atom-text-editor,atom-text-editor
.atom-text-editor .wrap-guide, :host .wrap-guide
=>.atom-text-editor .wrap-guide,atom-text-editor .wrap-guide
.atom-text-editor .indent-guide, :host .indent-guide
=>.atom-text-editor .indent-guide,atom-text-editor .indent-guide
.atom-text-editor .invisible-character, :host .invisible-character
=>.atom-text-editor .invisible-character,atom-text-editor .invisible-character
.atom-text-editor .gutter, :host .gutter
=>.atom-text-editor .gutter,atom-text-editor .gutter
.atom-text-editor .gutter .line-number, :host .gutter .line-number
=>.atom-text-editor .gutter .line-number,atom-text-editor .gutter .line-number
.atom-text-editor .gutter .line-number.cursor-line, :host .gutter .line-number.cursor-line
=>.atom-text-editor .gutter .line-number.cursor-line,atom-text-editor .gutter .line-number.cursor-line
.atom-text-editor .gutter .line-number.cursor-line-no-selection, :host .gutter .line-number.cursor-line-no-selection
=>.atom-text-editor .gutter .line-number.cursor-line-no-selection,atom-text-editor .gutter .line-number.cursor-line-no-selection
.atom-text-editor .gutter .line-number:hover, :host .gutter .line-number:hover
=>.atom-text-editor .gutter .line-number:hover,atom-text-editor .gutter .line-number:hover
.atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, .atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, .atom-text-editor .fold-marker:after, :host .fold-marker:after
=>.atom-text-editor .gutter .line-number.folded,atom-text-editor .gutter .line-number.folded, .atom-text-editor .gutter .line-number:after,atom-text-editor .gutter .line-number:after, .atom-text-editor .fold-marker:after,atom-text-editor .fold-marker:after
.atom-text-editor .invisible, :host .invisible
=>.atom-text-editor .invisible,atom-text-editor .invisible
.atom-text-editor .cursor, :host .cursor
=>.atom-text-editor .cursor,atom-text-editor .cursor
.atom-text-editor .selection .region, :host .selection .region
=>.atom-text-editor .selection .region,atom-text-editor .selection .region
.atom-text-editor .scroll-view, :host .scroll-view
=>.atom-text-editor .scroll-view,atom-text-editor .scroll-view
.atom-text-editor .line.cursor-line, :host .line.cursor-line
=>.atom-text-editor .line.cursor-line,atom-text-editor .line.cursor-line
atom-text-editor[mini] .scroll-view, :host(.mini) .scroll-view
=>atom-text-editor[mini] .scroll-view,atom-text-editor .scroll-view
.text
=>.syntax--text
.comment
=>.syntax--comment
.constant
=>.syntax--constant
.constant.character.escape
=>.syntax--constant.syntax--character.syntax--escape
.constant.name.attribute.tag
=>.syntax--constant.syntax--name.syntax--attribute.syntax--tag
.constant.numeric
=> `.syntax--cons