30:[] 2e:{"title":"xStyles","cells":[{"id":0,"value":"# xStyles\nwas `@dla/styles` ***NO LONGER USED***","pinned":false,"hidden":false,"mode":"md"},{"id":32,"value":"md`#### Verse\nExamples of various ways to style verse for Markdown or html in Observable:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"md`*Everything in-line, nothing to import:*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"allinlineDemo = md`

A line of poetry\n An indented line,\nAnd a line with space within it.\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"md`*For the following version, you'd have to add:*
\n\\`import { verseClass } from \"@dla/styles\"\\``","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"styledDivClassDemo = md`

A line of poetry\n An indented line,\nAnd a line with space within it.\n

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"verseClass = html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":94,"value":"md`*For the following, you’d have to add:*
\n\\`import { verseTag } from \"@dla/styles\"\\``","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"customTag = md`A line of poetry\n An indented line,\nAnd a line with space within it.\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"md`*The following cell creates and registers a custom HTML tag. NOTE that the names of custom tags must include a “-” (hyphen).*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"verseTag = {\n class Verse extends HTMLElement {\n constructor() {\n super(); // Always call super first in constructor\n this.setAttribute('style', 'white-space: break-spaces');\n }\n }\n try {\n customElements.define('dla-verse', Verse);\n return \" has been initially constructed and registered\";\n } catch (err) {\n if (err.name == \"NotSupportedError\")\n return \" is constructed and registered\";\n console.error(err);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":139,"value":"md`#### Appendix for tests and demos.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"customTag.innerText","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"import { rs, pulse } from \"@shadoof/utils\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"rsDemo = rs`A line of ( poetry | verse )\n An indented line,\nAnd a line with space within it.\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"oneSecondPulse = pulse(1000)","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"rsPulseDemo = (oneSecondPulse,\nrs`A line of (poetry | verse | arty prose)\n An indented ( line | gobbet),\nAnd a (line | gobbet) with ( space | nothings ) within it.\n`)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}