Color utilities classes
.u-social-bg-color
scss
.u-social-bg-color {
@include modifier('facebook') {
background-color: use-color(social, facebook);
background-image: none;
border-color: use-color(social, facebook);
}
@include modifier('messenger') {
background-color: use-color(social, messenger);
background-image: none;
border-color: use-color(social, messenger);
}
@include modifier('whatsapp') {
background-color: use-color(social, whatsapp);
background-image: none;
border-color: use-color(social, whatsapp);
}
@include modifier('twitter') {
background-color: use-color(social, twitter);
background-image: none;
border-color: use-color(social, twitter);
}
}Clases de ayuda para reemplazar el color del background
al color de la red social correspondiente.
Example
html
<p class="u-social-bg-color--facebook">facebook</p>
<p class="u-social-bg-color--messenger">messenger</p>
<p class="u-social-bg-color--whatsapp">whatsapp</p>
<p class="u-social-bg-color--twitter">twitter</p>