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.
Support RRGGBBAA / RGBA hex colors
See original GitHub issueEdited by @nex3
Specs: https://github.com/sass/sass-spec/pull/1262
Tracking issues:
- https://github.com/sass/dart-sass/issues/371
- https://github.com/sass/libsass/issues/2674
- https://github.com/sass/ruby-sass/pull/67
SASS version: 3.4.22 Example:
body {
background: linear-gradient(45deg, #02010110 5%, #02010180 77%, #08030310);
}
Error display:
Error: Invalid CSS after "…radient(45deg, ": expected function argument, was “#02010110 5%, #…” on line 2 of test.scss
Same error is shown if 4 digits are used (e.g. #0008) or if its used inside radient-gradient().
Issue Analytics
- State:
- Created 7 years ago
- Reactions:3
- Comments:12 (6 by maintainers)
Top Results From Across the Web
#rrggbbaa hex color notation | Can I use... Support ... - CanIUse
The CSS Color Module Level 4 defines new 4 & 8 character hex notation for color to include the opacity level. Usage %...
Read more >Accept 8 (#RRGGBBAA) and 4 (#RGBA) value hex colors
Feature: Accept 8 (#RRGGBBAA) and 4 (#RGBA) value hex colors. Update the CSS color parser to support 8/4-digit hex color.
Read more >Hexadecimal fun with #RRGGBBAA
RGB colors and hex values · #RRGGBBAA notation · Converting from decimal to hex and back · Shortened #rgba syntax · Browser support...
Read more >How To Use CSS Hex Code Colors with Alpha Values
Common ones include hex (hexadecimal) codes, RGB (red, green, blue), ... A modern web browser that supports #rrggbbaa hex color notation.
Read more >Understanding #rrggbbaa color notation - Hashnode
This means that now you will be able to use colors with opacity without switching from hex notation to rgba() . Below is...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Sounds like we’ve done a solid deprecation cycle now… time to get this into master!
@nex3 Just an FYI it landed in Chrome 61 today.