Most classes are available in both long and short form eg. ib-1 can be used instead of image-bottom-1
| Class(es) | Notes | |
|---|---|---|
| Event size | ||
| Event width | timeline-event-0 (0-2) | The width of the timeline event |
| Content order | All 3 order classes must be used together. | |
| Image order | io-1 image-order-1 (1-3) |
The order of the image (default: 1). |
| Title order | tto-1 text-title-order-1 (1-3) |
The order of the title (default: 1). |
| Description order | tdo-1 text-description-order-1 (1-3) |
The order of the description (default: 1). |
| Content position | ||
| Content top | ct content-top | Content at the top |
| Content bottom | cb content-bottom | Content at the bottom |
| Content left | cs content-left | Content at the left |
| Content right | ce content-right | Content at the right |
| Image | ||
| Image width | iw-0 image-width-0 (0-7) | Width of the image as a percentage of the event's width (except auto which is the image's original size) 0 (auto), 1 (10%), 2 (20%), 3 (33%), 4 (50%), 5 (66%), 6 (75%), 7 (100%) |
| Image top | it-0 image-top-0 (0-20) | The image's distance from the top |
| Image bottom | ib-0 image-bottom-0 (0-20) | The image's distance from the bottom |
| Image left | ir-0 image-left-0 (0-20) | The image's distance from the left |
| Image right | il-0 image-right-0 (0-20) | The image's distance from the right |
| All text | ||
| Text width | tw-0 text-width-0 (0-5) | Limit all text's width (default: no limit) |
| Text top | tt-1 text-top (0-20) | Move all text toward the top |
| Text bottom | tb-1 text-bottom-1 (0-20) | Move all text toward the bottom |
| Text left | tl-1 text-left-1 (0-20) | Move all text toward the left |
| Text right | tr-1 text-right-1 (0-20) | Move all text toward the right |
| Title | ||
| Title top | ttt-1 text-title-top (0-20) | Move the title toward the top |
| Title bottom | ttb-1 text-title-bottom-1 (0-20) | Move the title toward the bottom |
| Title left | ttl-1 text-title-left-1 (0-20) | Move the title toward the left |
| Title right | ttr-1 text-title-right-1 (0-20) | Move the title toward the right |
| Description | ||
| Description top | tdt-1 text-description-top-1 (0-20) | Move the description toward the top |
| Description bottom | tdb-1 text-description-bottom-1 (0-20) | Move the description toward the bottom |
| Description left | tdl-1 text-description-left-1 (0-20) | Move the description toward the left |
| Description right | tdr-1 text-description-right-1 (0-20) | Move the description toward the right |
1st event
Specific a space separated list of classes to customise the event eg. it-0 is-c tb-6 ts-12nd event
Specific a space separated list of classes to customise the event eg. it-0 is-c tb-6 ts-13rd event
Specific a space separated list of classes to customise the event eg. it-0 is-c tb-6 ts-1