{# The editorial primitives' print rules (#189), included by both paged skeletons: the page and the brochure set copy the same way. An email never loads this, so each primitive's email degradation is simply its markup without these rules, and a test holds each one to that. The drop cap is a real element the builder wraps round the first letter, not ::first-letter: WeasyPrint lays out the first line before a floated pseudo-element, so the line ran over the letter. Two body lines tall. #} .drop-cap { float: left; font-family: {{ font.heading }}; font-size: {{ size.type.title * 2 }}px; line-height: {{ (size.type.body * size.type.body_line * 2) | round | int }}px; margin: {{ size.space.column_top * 2 }}px {{ size.space.caption_gap }}px 0 0; color: {{ theme.palette.accent }}; } {# Flowed columns (#189). The passage's first paragraph keeps its top margin and a continuation column starts with none, so without this the first column sits a paragraph lower than the rest. #} .flowed-columns p:first-child { margin-top: 0; } {# A wrapped figure (#189) floats beside the prose that follows it, with the gutter between; the paged skeleton's table rule fills it to its width. #} .wrap-left { float: left; margin: 0 {{ size.space.gutter }}px {{ size.space.caption_gap }}px 0; } .wrap-right { float: right; margin: 0 0 {{ size.space.caption_gap }}px {{ size.space.gutter }}px; }