question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[css] Support <angle> units icon in CSS

See original GitHub issue

In Firefox 49, there is an icon in the front of the angle unit, but the angle of the icon is constant.

I hope:

  • The VSCode can be a dynamic response to the actual point of view.
  • <kbd>Shift</kbd> + click to change the unit format.

Firefox DevTools

Spec: https://drafts.csswg.org/css-values/#angles

Issue Analytics

  • State:open
  • Created 7 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
aeschlicommented, Apr 30, 2019

Several layers here:

  • UI: The vscode API lets you add ‘before’ decorators, that’s how you get the image or character in. You can do that in your own extension or contribute it to the CSS extension.
  • Language service: To know where the angles are, you need to parse the CSS document. In the case of the CSS extension, all the language smartness is in the CSS language service, So you need to extend the css language service with a new API. Here’s how this is done for color decorators.
  • Wiring up: The CSS extension runs the language support in a separate process, the ‘CSS language server’ using the LSP protocol. The CSS language server needs a new LSP request that the extension can invoke to get the location of all angles. The server just calls new css language service API you added before. Here’s an example how this is done on the CSS server side and the CSS client side
0reactions
Zzzencommented, Jan 18, 2020

😳 I’ve forgotten it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

<angle> - CSS: Cascading Style Sheets - MDN Web Docs
The CSS data type represents an angle value expressed in degrees, gradians, radians, ... The angle unit is optional after the number 0...
Read more >
CSS Icons - W3Schools
All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.) Font Awesome...
Read more >
<angle> | Codrops
With four possible CSS angle units, it may occur to one's mind that maybe some units are specific to certain properties, but they're...
Read more >
CSS Value | Angle - GeeksforGeeks
The angle on CSS represents a certain angle value that can be expressed in degrees, gradians, radians, or turns. Angle value can be...
Read more >
Gradians and Turns: the quiet heroes of CSS angles
In case you're concerned about browser support, don't be! Both of these units have been fully supported for a very long time in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found