City of Tampa Style Guide

Cards - Clickable 2.5

Toggle example guides Toggle HTML markup

This is a style of cards that all behave as buttons. Only a single URL is possible with these. They offer more text content than a buttons so they can help explain a link better than a button. Wrap them in a .card-grid to let them wrap and create multiple rows.

When to use: When a button can't explain it all, often used to list a departments services.

When not to: The card cant support multiple links. When a normal button is enough and you don't need to supply more context.

Notes: Don't put too many on the page, these take up a lot of realestate, buttons are more space efficient when you want to display a lot of links to a visitor.

Source: src/scss/base/_card.scss, line 109