Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Valid 'background-clip' Value not Recognized #406

Open
d0ntcopythatfloppy opened this issue Feb 6, 2025 · 2 comments
Open

Valid 'background-clip' Value not Recognized #406

d0ntcopythatfloppy opened this issue Feb 6, 2025 · 2 comments

Comments

@d0ntcopythatfloppy
Copy link

Hello Syslifters Team,

There appears to be an issue with a specific CSS property in SysReptor Version 2025.12.

I'm trying to create text with a color gradient by setting the 'background-clip' CSS property to 'text' as described below:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip

SysReptor does not recognize 'text' as a valid value for 'background-clip':
Warning Message - CSS Property Ignored

Here is example HTML/CSS creating the desired effect in a sandbox:
Working Text with Color Gradient

.text-red-blue-gradient { font-size: 80px; background: linear-gradient(to right, red, blue); background-clip: text; color: transparent; }

As pictured above, this CSS should create a linear gradient background image, and then 'clip' the background to only cast the colors onto the text.

Because the 'background-clip' property is ignored when the value is set to 'text', SysReptor renders the entire background making the text invisible:

@MWedl
Copy link
Contributor

MWedl commented Feb 10, 2025

Hi,
we use the WeasyPrint library for rendering HTML+CSS to PDF. WeasyPrint has not implemented CSS Backgrounds Module Level 4 yet (where background-clip: text is defined), only CSS Backgrounds and Borders Module Level 3.

Please open an issue at the WeasyPrint repository.

@aronmolnar
Copy link
Contributor

The best alternative seems to be embedding an SVG, if you have a static text.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants