| 1 | /* Navigation cards styling */
|
| 2 | .nav-card-link {
|
| 3 | text-decoration: none;
|
| 4 | color: inherit;
|
| 5 | display: block;
|
| 6 | }
|
| 7 |
|
| 8 | .nav-card {
|
| 9 | padding: 1rem;
|
| 10 | border: 1px solid var(--md-default-fg-color--lighter);
|
| 11 | border-radius: 0.5rem;
|
| 12 | transition:
|
| 13 | box-shadow 0.2s,
|
| 14 | transform 0.2s;
|
| 15 | }
|
| 16 |
|
| 17 | .nav-card:hover {
|
| 18 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
| 19 | transform: translateY(-2px);
|
| 20 | }
|
| 21 |
|
| 22 | .nav-card-header {
|
| 23 | display: flex;
|
| 24 | align-items: center;
|
| 25 | margin-bottom: 0.5rem;
|
| 26 | }
|
| 27 |
|
| 28 | .nav-card-icon {
|
| 29 | margin-right: 0.5rem;
|
| 30 | font-size: 1.2rem;
|
| 31 | color: var(--md-default-fg-color);
|
| 32 | }
|
| 33 |
|
| 34 | .nav-card-description {
|
| 35 | margin: 0;
|
| 36 | color: var(--md-default-fg-color--light);
|
| 37 | }
|
| 38 |
|
| 39 | .nav-card-title {
|
| 40 | margin: 0;
|
| 41 | font-weight: bold;
|
| 42 | color: var(--md-default-fg-color);
|
| 43 | }
|
| 44 |
|
