Buttons

The .btn base class with its colour, size and style variants, and the seven specialised buttons built on it.

Overview

The eight button files, the two kinds of specialised button, and the masked icons they share.

Button

The .btn base class, its ten colour variants, five sizes and three style variants.

Close button

The self-contained close control used inside panels, alerts and dismissible blocks.

Menu button

The self-contained menu toggle, typically the burger in a site header.

Search button

The search toggle, a modifier on .btn carrying the search icon.

Filter button

The filters toggle, a modifier on .btn carrying the filter icon.

Share button

The share control, a modifier on .btn carrying the share icon.

Table of contents button

The table of contents toggle, a modifier on .btn carrying the toc icon.

Video toggle

The play and pause control overlaid on an autoplaying video, driven by the .is-playing state class.