scss @each para Redes Sociales

Posted 2021-05-17

* ***************************** */    
/* @each para las redes sociales */
/* ***************************** */

$socialmedia-colors: (
    twitter: #55acee,
    pinterest: #CA2028,
    youtube: #F00000,
    foursquare: #0086BF,
    facebook: #3b5998,
    flickr: #ff0084,
    google: #dd4b39,
    instagram: #3f729b,
    linkedin: #007bb6,
    vimeo: #1ab7ea
);

@each $redsocial,$color in $socialmedia-colors{
  
   h1.#{$redsocial}::before{
     content:"#{$redsocial}";
     color:#{$color};
   }
  
}




@each $social, $value in $socialmedia-colors{
    .redes .#{$social} a{
            background-color: $value;
            background-image: url(‘../redes/#{$social}.svg’);
        }
}