Closed vr8hub closed 9 months ago
@vr8hub Thanks for the feedback; I've completed most of the tasks but have questions on the two remaining items:
The CSS for the second set of headers in the subsections was intentional to override the core.css
. When I add margin-bottom: 1em;
in local.css
into the header{}
selector (and remove the > header + *{}
selector), the paragraph after the header uses a 3em top margin due to core.css
. Should I leave it as-is, or is there another way to override the core css?
local.css
before:
...,
#chapter-19-3-1 header{
font-style: italic;
margin-top: 1em;
}
...,
#chapter-19-3-1 > header + *{
margin-top: 1em;
}
local.css
after:
...,
#chapter-19-3-1 header{
font-style: italic;
margin-top: 1em;
margin-bottom: 1em;
}
core.css
:
...,
section > header + *{
margin-top: 3em;
}
<blockquote>
from "The story of the Flowery Kingdom," the poem is no longer indented; also the header is no longer centered due to the addtion of the epub:type="z3998:poem"
semantic. Should I keep the <blockquote>
or add CSS specifically for this section to indent the poem properly and center the header? (link to page in scans)Right, I've been burned by that core CSS more than once; I always forget it's there.
I'll admit up front this could go either way, but I think this is a case for class. Let's put a class="story-header"
(if you have a class name you prefer, that's fine, I'm not married to that, but it needs to be semantic, i.e. describe what it is rather than what it's doing) on the story headers (the <header>
, not the p
), and then the two CSS' can be just for .story-header.
For the Flowery Kingdom, that's how we do our poetry collections, but obviously they don't have mixed poetry and prose, like we do here. So, we need some CSS to mimic the formatting. The first selector duplicates the margins for a blockquote. The second selector is because the poem p selector is a higher specificity than the generic header selector (the latter assumes the p's inside it will be centered as well), so we have to override it to get a poem header p to be centered.
#chapter-10-1-1 {
margin-bottom: 1em;
margin-left: 2.5em;
}
#chapter-10-1-1 header > p {
text-align: center;
}
I'll make a note of both of these to Alex when I turn it over to him, so he can blame me if he disagrees. :)
Thanks, I made the updates per your reply.
One last nit: typogrify makes changes that should be accepted. (Adding the quotes back in the prologue needs some hair-spaces between the quotes.)
Fixed; I could have sworn I did that before!
<b>
, but it's not small-capped in the scans.)