article#code.u-mt-10
  h2.u-size-xl # Code
  code.e-code.u-mt-5
    | Hello World!
  script.language-markup.u-mt-4(type='text/plain').
    <code class="e-code">Hello World!</code>
  pre.demo-pre
    code.e-code.u-mt-5
      | .some-class {
      |   font-size: 1rem;
      | }
  p.u-mt-4
  | For multi-lines of code, wrap the code element inside with a pre tag.
  script.language-markup.u-mt-5(type='text/plain').
    <pre>
      <code class="e-code">
    .some-class {
      font-size: 1rem;
    }
      </code>
    </pre>