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.
phil-r
commented
7 years ago
In
monokai\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 .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 .line-number.cursor-line-no-selection, :host .line-number.cursor-line-no-selection=>atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line-number.cursor-line-no-selectionatom-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 .search-results .marker .region, :host .search-results .marker .region=>atom-text-editor .search-results .syntax--marker .region,atom-text-editor .search-results .syntax--marker .regionatom-text-editor .search-results .marker.current-result .region, :host .search-results .marker.current-result .region=>atom-text-editor .search-results .syntax--marker.current-result .region,atom-text-editor .search-results .syntax--marker.current-result .regionatom-text-editor .gfm .markup.heading, :host .gfm .markup.heading=>atom-text-editor .syntax--gfm .syntax--markup.syntax--heading,atom-text-editor .syntax--gfm .syntax--markup.syntax--headingatom-text-editor .gfm .markup.underline, :host .gfm .markup.underline=>atom-text-editor .syntax--gfm .syntax--markup.syntax--underline,atom-text-editor .syntax--gfm .syntax--markup.syntax--underlineatom-text-editor .gfm .bold, :host .gfm .bold=>atom-text-editor .syntax--gfm .syntax--bold,atom-text-editor .syntax--gfm .syntax--boldatom-text-editor .gfm .italic, :host .gfm .italic=>atom-text-editor .syntax--gfm .syntax--italic,atom-text-editor .syntax--gfm .syntax--italicatom-text-editor .gfm .raw, :host .gfm .raw=>atom-text-editor .syntax--gfm .syntax--raw,atom-text-editor .syntax--gfm .syntax--rawatom-text-editor .gfm .variable.list, :host .gfm .variable.list=>atom-text-editor .syntax--gfm .syntax--variable.syntax--list,atom-text-editor .syntax--gfm .syntax--variable.syntax--listatom-text-editor .gfm .link, :host .gfm .link=>atom-text-editor .syntax--gfm .syntax--link,atom-text-editor .syntax--gfm .syntax--linkatom-text-editor .gfm .link .entity, :host .gfm .link .entity=>atom-text-editor .syntax--gfm .syntax--link .syntax--entity,atom-text-editor .syntax--gfm .syntax--link .syntax--entity.comment=>.syntax--comment.constant.character, .constant.language, .constant.numeric, .constant.other=>.syntax--constant.syntax--character, .syntax--constant.syntax--language, .syntax--constant.syntax--numeric, .syntax--constant.syntax--other.entity.name.class=>.syntax--entity.syntax--name.syntax--class.entity.name.function=>.syntax--entity.syntax--name.syntax--function.entity.name.instance=>.syntax--entity.syntax--name.syntax--instance.entity.name.tag=>.syntax--entity.syntax--name.syntax--tag.entity.other.attribute-name=>.syntax--entity.syntax--other.syntax--attribute-name.entity.other.inherited-class=>.syntax--entity.syntax--other.syntax--inherited-class.invalid=>.syntax--invalid.invalid.deprecated=>.syntax--invalid.syntax--deprecated.keyword=>.syntax--keyword.meta.tag=>.syntax--meta.syntax--tag.storage=>.syntax--storage.storage.type=>.syntax--storage.syntax--type.string=>.syntax--string.support.constant, .support.function=>.syntax--support.syntax--constant, .syntax--support.syntax--function.support.class, .support.type=>.syntax--support.syntax--class, .syntax--support.syntax--type.variable.parameter=>.syntax--variable.syntax--parameter.variable.language.python, .variable.language.js=>.syntax--variable.syntax--language.syntax--python, .syntax--variable.syntax--language.syntax--js.class.jade=>.syntax--class.syntax--jadeAutomatic 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.