There's some incongruity in the new style sheet separation: where does region styling go? it's part of page.tpl.php, so it should go in pages.css, but it's purely to do with blocks, so it should go in blocks.css...

Anyway, it would probably make sense to add per-region styling to the blocks.css, like this:

.region-header .block{
}

for each built-in region. At the moment, there's no built-in css declarations for per-region block styling, even though blocks look different per-region on nearly every site I've ever seen.

Comments

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Title: Per-region styling in blocks.css » Update blocks.css to match markup in D7

Good point.

And I agree there is some blurriness about where region styling goes. Blocks are related to pages through regions, after all.

Personally, I would put per-region block styling in blocks.css. And region styling in pages.css.

At the moment, there's no built-in css declarations for per-region block styling

Yep, the CSS files haven't been given an update since 6.x-2.x and need to be refreshed to match the new markup in D7. I'm going to expand the scope of this issue to include all needed blocks.css updates. I'll make sure to include region-specific block styling too.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Title: Update blocks.css to match markup in D7 » Per-region styling in blocks.css

Actually, there's already an issue (and patch!) for the broader issue. Pulling the scope back to the original title.

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Component: CSS/HTML Markup » layout.css
Status: Active » Closed (fixed)

You can now add this kind of selector to the online docs.