Andy Kopra
37b6ba1c4f
Typographic transforms (---, quote pairs, ~) no longer touch verbatim text: @c/@code/@source_listing content and ^'...'^ spans show exactly the characters written. "^" before any punctuation character quotes it in every target (the apostrophe excepted: ^' opens a literal span), with the new :resolve option on @@@target declaring per-target renderings. The ^UUUU^ code-point form accepts 4-6 hex digits, the full Unicode range. The html output and transform spellings are polyglot (XML-valid), in preparation for an EPUB target. New suites: transform_test, character_test (engine), typography_test (SKS). (from dev 07ce5ea86a0a)
55 lines
1.3 KiB
CSS
55 lines
1.3 KiB
CSS
|
|
p {
|
|
margin: 1ex 0;
|
|
}
|
|
|
|
.quote {
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.box {
|
|
border: solid black 1px;
|
|
padding: 0.5em 1em;
|
|
clear: both;
|
|
margin: 1.0em 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.indent {
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
/* @vfill: LaTeX's \vfill glue as flex-grow. The :has() rule turns the
|
|
text column into a flex column ONLY in documents that use @vfill (flex
|
|
containers do not collapse vertical margins, so paragraph spacing
|
|
shifts slightly there); several vfills share the free space equally,
|
|
like \vfill. The min-height ties the fill to the window: with a title
|
|
or status bar the column overshoots by their height (a small scroll);
|
|
content taller than the window collapses the glue, as on a full LaTeX
|
|
page. Fills the window, not a browser-printed page. */
|
|
#text:has(.vfill) {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: calc(100vh - 1lh);
|
|
}
|
|
|
|
/* One line of whitespace below the filled content, so the last block
|
|
does not touch the bottom of the window. A margin on the last flex
|
|
item, not #text padding: #middle's overflow clips the padding. */
|
|
#text:has(.vfill) > :last-child {
|
|
margin-bottom: 1lh;
|
|
}
|
|
|
|
.vfill {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.left_right {
|
|
display: inline-block;
|
|
width: calc((100vw - 60px) / 2);
|
|
}
|