CheckoutAppearanceVariables - Crossmint Docs

Structure Global style variables that every element of the checkout inherits.

struct CheckoutAppearanceVariables

Use variables to set the base look once. Use CheckoutAppearanceRules to override single elements.

Initializers

init(fontFamily:spacingUnit:fontSizeUnit:borderRadius:colors:)

Creates the variable set.

init(fontFamily: String? = nil, spacingUnit: CheckoutLength? = nil, fontSizeUnit: CheckoutLength? = nil, borderRadius: CheckoutLength? = nil, colors: CheckoutVariablesColorStyle? = nil)

init(from:)

Inherited from Decodable.init(from:).

init(from decoder: any Decoder) throws

Instance Properties

Property	Type	Description
`colors`	`CheckoutVariablesColorStyle?`	The global colors.
`cornerRadius`	`CheckoutLength?`	The corner radius of the checkout elements, for example `.px(8)` or `8`.
`fontFamily`	`String?`	The CSS `font-family` value of all the checkout text, for example `"Inter, sans-serif"`.
`fontSizeUnit`	`CheckoutLength?`	The base unit of all the checkout font sizes, for example `.px(4)`.
`spacingUnit`	`CheckoutLength?`	The base unit of all the checkout spacing, for example `.px(4)` or `4`.