Responsive helpers Responsive embeds Allow browsers to determine video or slideshow dimensions based on the width of their

Screenreaders Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .s

Colors Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default

Invisible content The .invisible class can be used to toggle only the visibility of an element, meaning its display is not modified

Sizing Easily make an element as wide or as tall (relative to its parent) with our width and height utilities. Includes support for 25%, 50%

Flexbox Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities

Spacing Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes

Clearfix Easily clear floats by adding .clearfix to the parent element. Utilizes

Typography The following utilities can be used to add additional styles to texts. Contents

Close icon Use a generic close icon for dismissing content like modals and alerts. Be sure to include text for screen readers, as we’ve done