bracketStylefunction

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

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