bracketStyle関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
The stylesheet of a drawing with these options, for a page that draws the same bracket twice (a desk's size and a phone's): put it in the page once, give each drawing the same styleScope
and style: false, and every drawing takes its colours from it. Needs styleScope; theme, look, background, layout, headers, and whether there is an href or a highlightPath decide which rules are in it.
インポート
import { bracketStyle } from "@johnmorrisdotca/taisen-brackets";定義
function bracketStyle(options: DrawOptions): string引数
| 名前 | 型 | 説明 |
|---|---|---|
options | DrawOptions | The same options as the drawings that will share the rules. |
戻り値
string
The CSS text, or an empty string for theme: "none".
例
import { bracketStyle, drawBracket } from "@johnmorrisdotca/taisen-brackets";
const css = bracketStyle({ styleScope: "tb1" });
console.log(css.length > 0, drawBracket([{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }], { styleScope: "tb1", style: false }).includes("<style"));true false出力（このページを作ったときに実行した結果）
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。