Overview
This module (direct link to snippet: MCL Multi Column.css) provides you the option to reshape either callout or (unordered) list and position them side by side. This will give the appearance of multi columns. See each features section below for more details on how to control that.
- MC Callout #mcl/list-card
- allow for multiple columns setup using either sub callouts or any of the acceptable markdown components
- Float Callout
- create a floating callout to either side of the screen (but still within readable line length) and allow text to flow around it
- Blank Callout
- use it to house other things like List Column or List Grid so that it can render in Live Preview
- List Column
- Create a multi column list items that flows cotinuously
- List Grid
- Create a multi column list items that creates new column for each main bullet
- List Card
- Create a card like layout from list items
Cheat Sheet
Below is a cheat sheet once you already familiar with MCL. To understand how MCL works follow the links above or go through the guided navigation below.
Multi Column (MC) Callout
| Callout Type |
Metadata modifier |
Sub-elements |
[!multi-column] |
<empty>
no-wrap
icons
flex-h |
see Callout Width Control |
Float Callout
| Callout Type |
Metadata Modifier 1 |
Metadata Modifier 2 |
Metadata Modifier 3 |
| any callout |
<empty>
float |
left
right |
<empty>
small
medium
large |
Blank Callout
| Callout Type |
Metadata modifier |
Sub-elements |
[!blank]
[!blank-container] |
<empty>
no-margin |
see Callout Width Control |
List Column / Grid / Card
< Wide Blocks | Multi Column Home | Next: MC Callout >