Implementation

Classes

Name	Description
`qld__btn`	Default.
`qld__btn--secondary`	Secondary buttons.
`qld__btn--tertiary`	Advance banner.
`qld__btn--floating`	Adds drop shadow.
`qld__btn--icon-lead`	For styling <i> elements before the text.
`qld__btn--icon-trail`	For styling <i> elements after the text.

Variables

Name	Description
`$QLD-color-light-button`	Colour primary buttons on light backgrounds.
`$QLD-color-light-button__hover`	Hover colour primary buttons on light backgrounds.
`$QLD-color-light-button__text`	Colour for text on primary buttons on light backgrounds.
`$QLD-color-dark-button`	Colour for primary buttons on dark backgrounds.
`$QLD-color-dark-button__hover`	Hover colour primary buttons on light backgrounds.
`$QLD-color-dark-button__text`	Colour for text on primary buttons on dark backgrounds.
`$QLD-color-light-alt-button`	Colour for secondary buttons and icons on light backgrounds.
`$QLD-color-dark-alt-button`	Colour for secondary buttons and icons dark backgrounds.

Last updated: April 2026

Back to top