Social media block - adding a frontend CSS

[paaljoachim]

Hey Ari

As I used the Social Media Block. The frontend looked like this:

The backend one could choose from multiple styles. I selected this:

It would be great to have the frontend reflect the backend. https://github.com/WordPress/gutenberg/issues/19020

---

I added the following CSS into the style.css.

.wp-social-link svg {  
    width: 50px;
    height: 50px;
    border-radius: 25px;
    padding: 8px;
    margin-right: 10px;
    background: #167ac6;
    float: left;
}

.wp-social-link a {
    fill: #fff;
}

.wp-social-link a:active, 
.wp-social-link a:hover {
    fill: #c65c00;
}

It now looks like this on the frontend:

[aristath]

Styles for that will be added once the block lands in wp-core ;)

[paaljoachim]

This has been fixed.