Skip to main content

Layout

This guide provides a breakdown of each font variable, its CSS variable name, and the components or elements it applies to.

TypeCSS VariableApplies to
Button Radius‑‑rounded-btn
  • Button
Button Padding Base‑‑btn-base
  • Default variant Button
Button Padding Small‑‑btn-sm

  • Small variant Button

    • Currently not in use
Button Padding Large‑‑btn-lg
  • Button with 'large' size variant
    • Clear All* (search filters)
    • Apply* (search filters)

*Restricted to vertical adjustment due to layout constraint