abe33 / abe33/atom-color-highlight
Deprecated selector in `atom-color-highlight/styles/atom-color-highlight.less`
- 主要語言
- CoffeeScript
- 星號
- 80
- 分支
- 8
- PR 合併指標
- 30 天內沒有已合併 PR
描述
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.
貢獻指南
這個儲存庫沒有索引到貢獻指南
研究方向
要編輯的檔案是 `styles/atom-color-highlight.less`。Issue 列出了需要更新的確切選擇器:將 `::shadow` 替換為 `.editor`,並確保語法選擇器帶有 `syntax--` 前綴。完成變更後,透過重新載入 package 或檢查開發者工具,驗證樣式在 Atom 中仍能正常運作。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- css
- 領域
- frontend
- Issue 類型
- 重構
- 難度
- 1/5
- 預估耗時
- 1 小時以內
- 活躍度
- 停滯
- 描述清晰度
- 描述清楚
- 新手友好度
- 70/100