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
babel-react-syntax\index.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, :host=>atom-text-editor,atom-text-editoratom-text-editor .line.cursor-line, :host .line.cursor-line=>atom-text-editor .line.cursor-line,atom-text-editor .line.cursor-lineatom-text-editor .invisible, :host .invisible=>atom-text-editor .invisible,atom-text-editor .invisibleatom-text-editor .cursor, :host .cursor=>atom-text-editor .cursor,atom-text-editor .cursoratom-text-editor .selection .region, :host .selection .region=>atom-text-editor .selection .region,atom-text-editor .selection .regionatom-text-editor .bracket-matcher .region, :host .bracket-matcher .region=>atom-text-editor .bracket-matcher .region,atom-text-editor .bracket-matcher .regionatom-text-editor .invisible-character, :host .invisible-character=>atom-text-editor .invisible-character,atom-text-editor .invisible-characteratom-text-editor .indent-guide, :host .indent-guide=>atom-text-editor .indent-guide,atom-text-editor .indent-guideatom-text-editor .wrap-guide, :host .wrap-guide=>atom-text-editor .wrap-guide,atom-text-editor .wrap-guideatom-text-editor .gutter, :host .gutter=>atom-text-editor .gutter,atom-text-editor .gutteratom-text-editor .gutter .line-number, :host .gutter .line-number=>atom-text-editor .gutter .line-number,atom-text-editor .gutter .line-numberatom-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-lineatom-text-editor .gutter .line-number .icon-right, :host .gutter .line-number .icon-right=>atom-text-editor .gutter .line-number .icon-right,atom-text-editor .gutter .line-number .icon-rightatom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before, :host .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before=>atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::before,atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed.git-line-removed::beforeatom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::after, :host .gutter:not(.git-diff-icon) .line-number.git-line-removed::after=>atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::after,atom-text-editor .gutter:not(.git-diff-icon) .line-number.git-line-removed::afteratom-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.comment=>.syntax--comment.entity.name.type=>.syntax--entity.syntax--name.syntax--type`.entity.other.inher