======Sugarcane HTML structure====== As a reference for those writing [[stylesheet]]s, the HTML structure of the **Sugarcane** [[Story format]] looks like this:

Your story will display this passage first. Edit it by double clicking it.

Some notes: * Both the body element and the .passage element's data-tags attribute reflects the tags of the current passage. This was originally used just as a CSS hook, before the advent of tagged stylesheets in version 1.4.0. * The #titleSeparator, .header and .footer elements are unused by Twine's normal operations, but can be styled in any manner you like. .body.content contains all the rendered HTML of the passage. * #snapback is not present when no passage in the story is [[tag|tagged]] "bookmark". * #snapbackMenu is the floating menu that appears when you use the Rewind button. * When a different passage is displayed, a .passage div and its contents (.header, .footer and .content) are recreated anew and inserted into the #passages div. * During transitions, the #passages div contains the old passage (which transitions toward the styles assigned to .transition-out) and the new passage (which transitions from the styles assigned to .transition-in)