GNWT Base Theme Style Guide

2.3.6 base.grouping.pre Preformatted text

Toggle example guides Toggle HTML markup

The <pre> element represents a block of preformatted text, such as fragments of computer code, ASCII art, etc.

Example
The following text is preformatted:
(ノ゜Д゜)ノ ︵ ┻━┻
// Here is some sample Sass code.
.sass-code-class {
  a {
    color: black;
  }

  a:hover {
    color: blue;
  }
}
Markup: base/grouping/grouping-pre.twig
The following text is preformatted:
<pre class="{{modifier_class}}">
(ノ゜Д゜)ノ ︵ ┻━┻
</pre>

<pre class="{{modifier_class}}">
// Here is some sample Sass code.
.sass-code-class {
  a {
    color: black;
  }

  a:hover {
    color: blue;
  }
}
</pre>
Source: sass/base/grouping/_grouping.scss, line 178