phthhieu/textmate-claire-syntax

textmate-claire-syntax

textmate-claire-syntax

A textmate claire theme for Atom

textmate-claire-syntax's Issues

Deprecated selector in `textmate-claire-syntax/index.less`

In textmate-claire-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 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

• .text => .syntax--text

• .source.ruby.rails.embedded.html => .syntax--source.syntax--ruby.syntax--rails.syntax--embedded.syntax--html

• .text.html.ruby => .syntax--text.syntax--html.syntax--ruby

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

• .source => .syntax--source

• .comment => .syntax--comment

• .constant => .syntax--constant

• .keyword => .syntax--keyword

• .keyword.preprocessor => .syntax--keyword.syntax--preprocessor

• .keyword.preprocessor .directive => .syntax--keyword.syntax--preprocessor .syntax--directive

• .entity.name.function, .storage.type.function.js => .syntax--entity.syntax--name.syntax--function, .syntax--storage.syntax--type.syntax--function.syntax--js

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

• .source .comment.block => .syntax--source .syntax--comment.syntax--block

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

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

• .string => .syntax--string

• .string .constant.character.escape => .syntax--string .syntax--constant.syntax--character.syntax--escape

• .string.interpolated => .syntax--string.syntax--interpolated

• .string.regexp => .syntax--string.syntax--regexp

• .string.literal => .syntax--string.syntax--literal

• .string.interpolated .constant.character.escape => .syntax--string.syntax--interpolated .syntax--constant.syntax--character.syntax--escape

• .entity.name.class, .support.class.js => .syntax--entity.syntax--name.syntax--class, .syntax--support.syntax--class.syntax--js

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

• .meta.tag.inline.any.html, .meta.tag.block.any.html => .syntax--meta.syntax--tag.syntax--inline.syntax--any.syntax--html, .syntax--meta.syntax--tag.syntax--block.syntax--any.syntax--html

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

• .keyword.other => .syntax--keyword.syntax--other

• .meta.selector.css, .entity.other.attribute-name.pseudo-class.css, .entity.name.tag.wildcard.css, .entity.other.attribute-name.id.css, .entity.other.attribute-name.class.css => .syntax--meta.syntax--selector.syntax--css, .syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-class.syntax--css, .syntax--entity.syntax--name.syntax--tag.syntax--wildcard.syntax--css, .syntax--entity.syntax--other.syntax--attribute-name.syntax--id.syntax--css, .syntax--entity.syntax--other.syntax--attribute-name.syntax--class.syntax--css

• .support.type.property-name.css => .syntax--support.syntax--type.syntax--property-name.syntax--css

• .keyword.other.unit.css, .constant.other.rgb-value.css, .constant.numeric.css => .syntax--keyword.syntax--other.syntax--unit.syntax--css, .syntax--constant.syntax--other.syntax--rgb-value.syntax--css, .syntax--constant.syntax--numeric.syntax--css

• .support.function.event-handler.js => .syntax--support.syntax--function.syntax--event-handler.syntax--js

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

• .keyword.control.js => .syntax--keyword.syntax--control.syntax--js

• .support.class.prototype.js => .syntax--support.syntax--class.syntax--prototype.syntax--js

• .object.property.function.prototype.js => .syntax--object.syntax--property.syntax--function.syntax--prototype.syntax--js

• .storage => .syntax--storage

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.