Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Note

When working with figure elements, things will turn out weird if the image classes are applied to the nested image element instead of the figure element itself. Be sure select the figure and not the image!

→ Details: Selecting elements in WYSIWYGs

Lists

...

Want a stylized list? Simply add the list class to any list element (<ul> or <ol>).

...

Info

Lists can be tricky to select in WYSIWYGs.

→ Details: Selecting elements in WYSIWYGs

Panels

Panels help content stand out by applying a border and background color. The base class panel is required here along with a color modifier class.

...

Info

How do I select the blockquote element?

→ Details: Selecting elements in WYSIWYGs

Separators

Separators are stylized horizontal rule elements and serve to break up content visually.

...

Code Block
<table class="table table--sortable">
  <thead>
    <tr>
      <th scope="col">...</th>
      ...
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      ...
    </tr>
    ...
  </tbody>
</table>

...