Template:Main Page/Sandbox/styles.css: Difference between revisions

/* Main page (Sandbox) content styles */

/* Social links: icon row, left to right */
ul.mp-socials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 12px 0;
    padding: 0;
    list-style: none;
}

ul.mp-socials li {
    display: block;
}

ul.mp-socials img {
    vertical-align: middle;
}

/* Social cards: colored icons (Discord, Twitter, etc.) must keep their
   colors; do not invert them in light mode (unlike white monochrome icons). */
.mp-socials-grid .home-card__icon img {
    filter: none !important;
}