Utilities
Custom utility classes
On this page
Interaction
.clickable - Pointer cursor
Icons
| Class | Size |
|---|---|
.icon | 48×48px |
.bi-icon | 48px font-size |
.icon-small | 20×20px |
<div class="d-flex gap-3 align-items-center">
<i class="bi bi-heart-fill text-danger" style="font-size: 48px;"></i>
<i class="bi bi-star-fill text-warning" style="font-size: 20px;"></i>
</div>Person Cards
Tine Eismark
Specialpsykolog
<div class="card card-person text-bg-plum" style="max-width: 300px;">
<img src="https://via.placeholder.com/300x300/4e2649/ffffff?text=Photo" class="card-person-img" alt="Team member">
<div class="card-body">
<h5 class="card-title">Tine Eismark</h5>
<p class="card-text opacity-75 small mb-0">Specialpsykolog</p>
</div>
</div>| Class | Purpose |
|---|---|
.card-person | Transparent card |
.card-person-img | 300px height |
.card-person-placeholder | 300px centered |
Footer
.prescriba-footer-logo .footer-un-logo