| | \startchapter[title={CSS Source}] |
| | \WPquote{However, when we make small design adjustments by adding |
| | - extra {\tt{<div>}} tags or {\tt{class}} attributes, then alter the CSS to |
| | - take advantage of those markup changes, we confuse the concept of |
| | + extra {\tt{<div>}} tags or {\tt{class}} attributes, then alter the CSS |
| | + to take advantage of those markup changes, we confuse the concept of |
| | independent structure and presentation.} |
| | {Douglas Bowman}{Are they really separated?} |
| | |
| | \startsection[title=Overview] |
| | The CSS source code provides the layout for the DIV-structured |
| | XHTML page. For the most part, the CSS is unremarkable. The |
| | - addition of the flex specification, however, allows control |
| | - over the element presentation order. This goes a fair way to |
| | - decoupling the XML content from its XHTML presentation. |
| | + addition of the \href{flexbox}{http://www.w3.org/TR/css3-flexbox/} |
| | + specification, however, allows control over the element presentation |
| | + order. This helps decouple XML from XHTML. |
| | \stopsection |
| | |
| | \startsection[title={Flex}] |
| | + The {\tt{.related}} style indicates that the elements inside must |
| | + be aligned horizontally. |
| | + \\ |
| | \typeCSSfile{../related.css} |
| | \stopsection |