2.9Modals

Modals are used to display content to users after an element has been clicked (eg: button, link, etc). To create a modal, you need to ensure that an ID is added to the modal element, and you can then link to open it via the id (ex: `<a href="#modal"></a>`).

Modifiers

Full-Width

You can create a modal that takes up the full width of the screen by adding the .modal--full class.

Flat

You can remove the background colors from the modal by adding the .modal--flat class to the modal element.