From The Petit Planet Wiki
|
|
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| .mp-card-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| align-items: center;
| |
| justify-content: center;
| |
| gap: 0.5rem;
| |
| }
| |
|
| |
|
| .mp-card {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| background-color: var(--theme-color-1);
| |
| border: 1px solid var(--theme-border-color);
| |
| border-radius: 8px;
| |
| width: 7rem;
| |
| height: 8.5rem;
| |
| }
| |
|
| |
| .mp-card-text {
| |
| text-align: center;
| |
| background: var(--theme-accent-color);
| |
| border-radius: 6px;
| |
| padding: 0 0.25rem;
| |
| }
| |
|
| |
| .mp-card:hover {
| |
| background: var(--theme-color-3);
| |
| .mp-card-text {
| |
| background: var(--theme-accent-color);
| |
| }
| |
| }
| |
|
| |
| .mp-card-text a {
| |
| color: var(--page-text-color);
| |
| &:hover {
| |
| text-decoration: none;
| |
| color: var(--page-text-color);
| |
| }
| |
| }
| |
|
| |
| .mp-card-icon img {
| |
| justify-self: center;
| |
| width: 6rem;
| |
| height: 6rem;
| |
| }
| |
Latest revision as of 12:45, 26 November 2025
