Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
First big change for 2.x: remove all the PNG background images, and re-build the layout with flexbox, using CSS gradients and box-shadows.
Comment | File | Size | Author |
---|---|---|---|
#1 | 2465605.garland.flexbox-gradients.patch | 20.76 KB | joachim |
Comments
Comment #1
joachim CreditAttribution: joachim commentedThis is two big changes, but they have to be taken together because in the 1.x Garland, the background lines don't match up at all with the edges of the structural elements.
I'm able to replicate just about everything with CSS gradients and box-shadow, except the vertical shadow on the sidebars that fades out down the page. It should in theory be doable with multiple overlapping gradients, but I ran into trouble with overlapping colours not behaving quite as expected.
Also, we still need a small hack: the breadcrumbs gradient is fluid-width and has two ends, so we need two elements for that.
Comment #3
joachim CreditAttribution: joachim commentedFixing the version now that the release makes it available to select.