This shows you the differences between two versions of the page.
harlowe:text-style [2017/06/19 02:09] l |
harlowe:text-style [2017/10/09 20:39] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | **(text-style: // [[harlowe:String|String]]//) -> //[[harlowe:Changer|Changer]]//** | ||
- | This applies a selected built-in text style to the hook's text. | ||
- | |||
- | === Example usage: === | ||
- | |||
- | ''%%The shadow (text-style: "shadow")[flares] at you!%%'' will style the word "flares" with a shadow. | ||
- | |||
- | ''%%(set: $s to (text-style: "shadow")) The shadow $s[flares] at you!%%'' will also style it with a shadow. | ||
- | |||
- | === Rationale: === | ||
- | |||
- | While Twine offers markup for common formatting styles like bold and italic, having these | ||
- | styles available from a [[harlowe:Command|Command]] macro provides some extra benefits: it's possible, as with all | ||
- | such style macros, to [[harlowe:set|(set:)]] them into a variable, combine them with other commands, and re-use them | ||
- | succinctly throughout the story (by using the variable in place of the macro). | ||
- | |||
- | Furthermore, this macro also offers many less common but equally desirable styles to the author, | ||
- | which are otherwise unavailable or difficult to produce. | ||
- | |||
- | === Details: === | ||
- | |||
- | At present, the following text [[harlowe:string|strings]] will produce a particular style. | ||
- | |||
- | ^String ^ | ||
- | |"none" | | ||
- | |"bold" | | ||
- | |"italic" | | ||
- | |"underline" | | ||
- | |"strike" | | ||
- | |"superscript"| | ||
- | |"subscript" | | ||
- | |"mark" | | ||
- | |"outline" | | ||
- | |"shadow" | | ||
- | |"emboss" | | ||
- | |"condense" | | ||
- | |"expand" | | ||
- | |"blur" | | ||
- | |"blurrier" | | ||
- | |"smear" | | ||
- | |"mirror" | | ||
- | |"upside-down"| | ||
- | |"blink" | | ||
- | |"fade-in-out"| | ||
- | |"rumble" | | ||
- | |"shudder" | | ||
- | |||
- | You can use the "none" style to remove an existing style from a combined [[harlowe:Changer|Changer]]. | ||
- | |||
- | Due to browser limitations, hooks using "mirror", "upside-down", "rumble" or "shudder" will have its CSS ''%%display%%'' | ||
- | attribute set to ''%%inline-block%%''. | ||
- | |||
- | === See also: === | ||
- | |||
- | [[harlowe:css|(css:)]] |