abe33 / abe33/atom-color-highlight

Deprecated selector in `atom-color-highlight/styles/atom-color-highlight.less`

Aberta Para iniciantes
#110 0 comentários 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
CoffeeScript
Estrelas
80
Forks
8
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

In `atom-color-highlight/styles/atom-color-highlight.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 atom-color-highlight,
atom-text-editor::shadow atom-color-highlight` => `atom-text-editor atom-color-highlight,
atom-text-editor.editor atom-color-highlight`

* `atom-text-editor atom-color-highlight dot-color-marker,
atom-text-editor::shadow atom-color-highlight dot-color-marker` => `atom-text-editor atom-color-highlight dot-color-marker,
atom-text-editor.editor atom-color-highlight dot-color-marker`

* `atom-text-editor atom-color-highlight dot-color-marker.selected .selector,
atom-text-editor::shadow atom-color-highlight dot-color-marker.selected .selector` => `atom-text-editor atom-color-highlight dot-color-marker.selected .selector,
atom-text-editor.editor atom-color-highlight dot-color-marker.selected .syntax--selector`

* `atom-text-editor atom-color-highlight color-marker.selected,
atom-text-editor::shadow atom-color-highlight color-marker.selected` => `atom-text-editor atom-color-highlight color-marker.selected,
atom-text-editor.editor atom-color-highlight color-marker.selected`

* `atom-text-editor atom-color-highlight .region,
atom-text-editor::shadow atom-color-highlight .region` => `atom-text-editor atom-color-highlight .region,
atom-text-editor.editor atom-color-highlight .region`

* `atom-text-editor atom-color-highlight dot-color-marker:before,
atom-text-editor::shadow atom-color-highlight dot-color-marker:before,
atom-text-editor atom-color-highlight .region:before,
atom-text-editor::shadow atom-color-highlight .region:before` => `atom-text-editor atom-color-highlight dot-color-marker:before,
atom-text-editor.editor atom-color-highlight dot-color-marker:before,
atom-text-editor atom-color-highlight .region:before,
atom-text-editor.editor atom-color-highlight .region:before`

* `atom-text-editor atom-color-highlight dot-color-marker:after,
atom-text-editor::shadow atom-color-highlight dot-color-marker:after,
atom-text-editor atom-color-highlight .region:after,
atom-text-editor::shadow atom-color-highlight .region:after` => `atom-text-editor atom-color-highlight dot-color-marker:after,
atom-text-editor.editor atom-color-highlight dot-color-marker:after,
atom-text-editor atom-color-highlight .region:after,
atom-text-editor.editor atom-color-highlight .region:after`

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.

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Direção de pesquisa

The file to edit is `styles/atom-color-highlight.less`. The issue lists the exact selectors that need updating: replace `::shadow` with `.editor` and ensure syntax selectors are prefixed with `syntax--`. After making the changes, verify the styles still work in Atom by reloading the package or checking the developer tools.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
css
Domínio
frontend
Tipo de issue
Refatoração
Dificuldade
1/5
Tempo estimado
Menos de uma hora
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
70/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.