hoc.md

Higher order components

buttons

schpaa.style.hoc.buttons

hoc.buttons/regular hoc.buttons/cta hoc.buttons/danger

hoc.buttons/checkbox

composites

schpaa.style.hoc.buttons

hoc.buttons/icon-with-caption

labels and text-fields

schpaa.style.ornament

sc/small1 -- secondary var(--text1) sc/small2 -- tertiary var(--text2)

panels

[schpaa.style.hoc.page-controlpanel :as hoc.panel]

colors and surfaces

backgrounds and copy

--content main content --toolbar the toolbars around content --toolbar- slightly darker to separate the adjacent content --floating controlpanels and floating stuff, relates to --content

--field --field-focus --fieldcopy

todo: and -bright have switched roles

--button hover state --button-bright normal state --buttoncopy copy means body of text, always used in tandem with --button --danger --brand1 to avoid proliferation of colors, this is the call-to-action color --brand1-bright --brand1copy