Skip to content
This repository has been archived by the owner on Nov 9, 2021. It is now read-only.

Deprecated selector in kary-foundation-light/index.less #4

Open
thethreeonee opened this issue Jun 13, 2018 · 0 comments
Open

Deprecated selector in kary-foundation-light/index.less #4

thethreeonee opened this issue Jun 13, 2018 · 0 comments

Comments

@thethreeonee
Copy link

In kary-foundation-light/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 with syntax--. 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 .gutter, :host .gutter => atom-text-editor .gutter,atom-text-editor .gutter

  • 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 .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 .search-results .marker .region, :host .search-results .marker .region => atom-text-editor .search-results .syntax--marker .region,atom-text-editor .search-results .syntax--marker .region

  • atom-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 .region

  • atom-text-editor.is-focused .cursor, :host(.is-focused) .cursor => atom-text-editor.is-focused .cursor,atom-text-editor .cursor

  • atom-text-editor.is-focused .selection .region, :host(.is-focused) .selection .region => atom-text-editor.is-focused .selection .region,atom-text-editor .selection .region

  • atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line, :host(.is-focused) .line-number.cursor-line-no-selection, :host(.is-focused) .line.cursor-line => atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line,atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line.cursor-line

  • .comment => .syntax--comment

  • .keyword.operator => .syntax--keyword.syntax--operator

  • .string => .syntax--string

  • .constant.numeric => .syntax--constant.syntax--numeric

  • .constant.language => .syntax--constant.syntax--language

  • .constant.character, .constant.other => .syntax--constant.syntax--character, .syntax--constant.syntax--other

  • .variable => .syntax--variable

  • .keyword => .syntax--keyword

  • .storage => .syntax--storage

  • .storage.type => .syntax--storage.syntax--type

  • .entity.name.class => .syntax--entity.syntax--name.syntax--class

  • .entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class

  • .entity.name.function => .syntax--entity.syntax--name.syntax--function

  • .variable.parameter => .syntax--variable.syntax--parameter

  • .punctuation.definition.tag.html, .punctuation.definition.tag.begin, .punctuation.definition.tag.end => .syntax--punctuation.syntax--definition.syntax--tag.syntax--html, .syntax--punctuation.syntax--definition.syntax--tag.syntax--begin, .syntax--punctuation.syntax--definition.syntax--tag.syntax--end

  • .entity.name.tag => .syntax--entity.syntax--name.syntax--tag

  • .entity.other.attribute-name => .syntax--entity.syntax--other.syntax--attribute-name

  • .support.function => .syntax--support.syntax--function

  • .support.constant => .syntax--support.syntax--constant

  • .support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class

  • .support.other.variable => .syntax--support.syntax--other.syntax--variable

  • .invalid => .syntax--invalid

  • .invalid.deprecated => .syntax--invalid.syntax--deprecated

  • .meta.selector.css .entity.other.attribute-name.id => .syntax--meta.syntax--selector.syntax--css .syntax--entity.syntax--other.syntax--attribute-name.syntax--id

  • .markup.heading => .syntax--markup.syntax--heading

  • .storage.modifier.ts => .syntax--storage.syntax--modifier.syntax--ts

  • .string.quoted.single.html, .string.quoted.double.html, .string.html => .syntax--string.syntax--quoted.syntax--single.syntax--html, .syntax--string.syntax--quoted.syntax--double.syntax--html, .syntax--string.syntax--html

  • .cast.expr.ts => .syntax--cast.syntax--expr.syntax--ts

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant