export const syntaxAndFormatting = `
<h1>Syntax & Formatting</h1>
<p style="width:70%;">Roughly, we want: </p>
<ul>
    <li>Two (2) spaces indents, no tabs.</li>
    <li>ideally, 80-characters wide lines.</li>
    <li>Properly written multi-line CSS rules.</li>
    <li>Meaningful use of whitespace.</li>
</ul>
<div style="background-color:#444; color:#fff; padding: 16px; position: relative; width: 50%; ">

    <pre>
// Yep
.foo {{'{'}}
    display: block;
    overflow: hidden;
    padding: 0 1em;
{{'}'}}

// Nope
.foo {{'{'}}
    display: block; overflow: hidden;

    padding: 0 1em;
{{'}'}}

    </pre>
</div>`;
