"Variable Story Styling": Chapbook (v1.0.0)

Summary

Using the [CSS] modifier in Chapbook, it is possible to combine expressions with variables and change the text and background colors dynamically. This examples creates a variable color and changes its value in the Vars Section of two passages.

Live Example

Download: Live Example

Twee Code

:: StoryTitle
Chapbook: Variable Story Styling

:: Start
color: "green"
--

[CSS]
#page article {
    color: {color};
}

[continued]
This text will be in green.

[[Switch to red text]]

:: Switch to red text
color: "red"
--
[CSS]
#page article {
    color: {color};
}

[continued]
This text will be in red.

[[Switch to green text->Start]]

Download: Twee Code

results matching ""

    No results matching ""