Hi, I'd like to report this issue, when using linear gradient with multiple colors it doesn't work for me. Below I'll post example:

Non working example:

.overlay {
  background-image: linear-gradient(90deg,#f47e20 0,#f47e20 4%,#203232 4%,#203232 50%,#19bef0 50%,#19bef0 71%,#d02259 71%,#d02259 100%);
}

Working example:

.overlay {
  background-image: linear-gradient(90deg,#f47e20 0,#f47e20 4%,#203232 4%,#203232 50%,#19bef0 50%,#19bef0 71%,#d02259 71%,#d02259 99.9%);
}

Difference is only on last color where I set 99.9% instead of 100%. So I'm not sure what am I doing wrong?

Can you post a screenshot and try different PDF viewers? Both examples work for me. Which Prince version are you using?

So I checked with the developers for version and we are using DocRaptor - Pipeline 7 with Flexbox Support and Prince 12.

And I also tested that CSS in Chrome browser and it works fine, but in Preview app on Mac it doesn't work. Screenshot included.

1. pdf-test.png‎ 1.1 MB

Edit: oops, wrong thread!

Edited 18 Nov 2019 by mikeday