Cards - Clickable 2.5
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