lightspeeddevelopment/lsx-sharing

View on GitHub
includes/lsx-sharing.css

Summary

Maintainability
Test Coverage
/**
 * WP Structure
 */

.wp-block-lsx-lsx-sharing-link {
    border-radius:9999px;
    display:block;
    height:auto;
    transition:transform .1s ease;
}
@media (prefers-reduced-motion:reduce) {
    .wp-block-lsx-lsx-sharing-link {
        transition-delay:0s;
        transition-duration:0s;
    }
}
.wp-block-lsx-lsx-sharing-link a{
    align-items:center;
    display:flex;
    line-height:0;
    transition:transform .1s ease;
}
.wp-block-lsx-lsx-sharing-link:hover {
    transform:scale(1.1);
}

.wp-block-social-links .wp-block-lsx-lsx-sharing-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-lsx-lsx-sharing-link .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-block-lsx-lsx-sharing-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-lsx-lsx-sharing-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-lsx-lsx-sharing-link .wp-block-social-link-anchor:visited {
    fill:currentColor;
    color:currentColor;
}

/**
 * FACEBOOK
 */

/**
 * Sharing Label
 */
.wp-block-lsx-lsx-sharing-label {
    list-style: none;
    padding-right: 5px;
    font-size: var(--wp--preset--font-size--small);
}

.wp-block-lsx-lsx-sharing-label.has-icon::before {
    font-family: dashicons;
    content: "\f237";
    display: inline-block;
    line-height: 1;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    vertical-align: middle;
    text-align: center;
    transition: color 0.1s ease-in;
    margin-right: 5px;
    margin-top: -3px;
}