Page Comparison

...

Variable	Default Value
--hawksearch-color-accent	`#119ff7`
--hawksearch-color-secondary	`#cccccc`
--hawksearch-color-secondary-light	`#f1f1f1`
--hawksearch-color-secondary-dark	`#a0a0a0`
--hawksearch-color-background	`#ffffff`
--hawksearch-container-background	`var(--color-background)`
--hawksearch-container-background--alternate	`var(--color-secondary-light)`
--hawksearch-container-border	`solid 1px var(--color-secondary)`
--hawksearch-default-line-height	`1.25`
--hawksearch-default-font-color	`#333333`
--hawksearch-default-font-color--inverse	`#ffffff`
--hawksearch-default-font-family	`Arial, sans-serif`
--hawksearch-default-font-size	`16px`
--hawksearch-button-background	`var(--color-accent)`
--hawksearch-button-border-radius	`5px`
--hawksearch-button-font-color	`#ffffff`
--hawksearch-form-element-background	`var(--color-background)`
--hawksearch-form-element-border	`solid 1px var(--color-secondary)`
--hawksearch-form-element-border--focus	`solid 1px var(--color-accent)`
--hawksearch-form-element-border-radius	`0`
--hawksearch-form-element-placeholder-color	`var(--color-secondary-dark)`
--hawksearch-margin	`32px`
--hawksearch-margin-sm	`calc(var(--margin) / 2)`
--hawksearch-padding	`24px`
--hawksearch-padding-xs	`calc(var(--padding) / 4)`
--hawksearch-padding-sm	`calc(var(--padding) / 2)`
--hawksearch-secondary-font-color	`var(--color-secondary-dark)`

Info
Internally, all parameters used variables omit the `hawksearch-` prefix. This prefix is used only to override the default values.

...

Info
All utility classes support the suffixes defined in Breakpoints. For example, `display-block` and `display-sm-none` are both valid.

...

Versions Compared