Reference

CSS classes reference.

Quick lookup for all supported classes in the library.

Symbol types

Apply one of these classes alongside sbolv to choose the symbol shape.

Class	Preview
`aptamer`
`assembly-scar`
`blunt-restriction-site`
`cds`
`engineered-region`
`five-prime-overhang`
`five-prime-sticky-restriction-site`
`inert-dna-spacer`
`insulator`
`operator`
`origin-of-replication`
`origin-of-transfer`
`poly-a-site`
`primer-binding-site`
`promoter`
`protease-site`
`protein-stability-element`
`restriction-enzyme-recognition-site`
`ribonuclease-site`
`ribosome-entry-site`
`rna-stability-element`
`signature`
`stop-codon`
`terminator`
`three-prime-overhang`
`three-prime-sticky-restriction-site`
`user-defined`

These classes can be combined with sbolv or sbol-visual to alter rendering behaviour.

Class	Applies to	Effect
`centered`	`sbol-visual`	Centers wrapped lines within the container.
`inline`	`sbolv`, `sbol-visual`	Renders the symbol(s) inline, vertically aligned with surrounding text.
`antisense`	`sbolv`, `sbol-visual`, inner label element	Mirrors the element horizontally. Apply to a child text node to keep the label readable.
`inverted`	`sbolv`, `sbol-visual`	Inverts symbol colours for use on dark backgrounds.
`combinatorial`	wrapper `div` inside `sbol-visual`	Groups alternative symbol options for one design slot.