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.

Shorthand issue with text-decoration

See original GitHub issue


I’m using this plugin, and after updating to 1.4.2 (from 1.1.8) I’m getting the error Expected variable, function or keyword for "underline" of "text-decoration-color" (scale-unlimited/declaration-strict-value) when using text-decoration: underline.

I guess it’s because text-decoration is a shorthand for text-decoration-line text-decoration-color text-decoration-style and the plugin might extend the value of text-decoration-line to text-decoration-color.

For now I can avoid it allowing underline, overline, line-through in /color/.

Am I doing something wrong? Is there a better way to prevent it?


Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

sogamecommented, Apr 30, 2020

Thanks for the update @AndyOGo

sogamecommented, Apr 29, 2020

True, seems quite tricky 🤔

Read more comments on GitHub >

github_iconTop Results From Across the Web

When to Avoid the text-decoration Shorthand Property
The reason for this behavior is that text-decoration is a shorthand property and text-decoration-thickness its associated longhand property. ...
Read more >
text-decoration - CSS: Cascading Style Sheets - MDN Web Docs
The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, ...
Read more >
Parse `text-decoration` shorthand · Issue #142 - GitHub
The text-decoration longhand properties work in browsers these days, so we need to parse this with color tokens.
Read more >
Issue with text-decoration shorthand - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >
text-decoration shorthand is not fully displayed in Selectors & CSS ...
create a text; open Selectors & CSS dialog; write "blue underline" in the value field of text-decoration. What happened? The attribute is correctly...
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 Post

No results found

github_iconTop Related Hashnode Post

No results found