An author's reference for Bisquixe, a tool for adding audiovisual content to Inform projects (up: final (?) comments on Cloak of Darkness)

Authoring Inform 7
5

The “css-set-fast” phrase

Bisquixe projects use a specifically-formatted phrase to specify CSS. The formatting is

css-set-fast "[specifically-formatted-css information]";

Note that everything following css-set-fast is a text. Consider the way CSS specifies the font size for .BufferWindow, the part of the game window where commands and feedback text are displayed (i.e., the main play area).

.BufferWindow {
  font-size: 15px;
}

Bisquixe processes CSS as a sequence of text strings separated by the ; semicolon character. The Bisquixe equivalent of the above CSS would be

css-set-fast ".BufferWindow; font-size; 15px"

Note that while the above CSS will load whenever the page loads, our css-set-fast phrase will not compile as-is. It must be part of a rule. If we wish to set a new font size when play begins, we have to say so.

when play begins:
	css-set-fast ".BufferWindow; font-size; 16px";

Although there are more complex cases to discuss, basic style configurations can be made by identifying the component parts and separating them with semicolons. Examining the default Bisquixe CSS can provide initial insight into the way things are named.

Note that css-set-fast phrases can be highly sensitive to case because, while CSS itself is case-insensitive, classes and IDs are case-sensitive. .BufferWindowworks, but .Bufferwindow does not. The first part of a css-set-fast string should always be assumed to be case sensitive.

Note that some spaces have been added for readability’s sake. As a reminder: the current version of Bisquixe has a hard character limit of 64; it is recommended that authors use the code in this post to raise that ceiling to 256.

4 Likes