Social Media - SCSS

PHOTO EMBED

Wed Aug 31 2022 09:40:56 GMT+0000 (Coordinated Universal Time)

Saved by @vishalsingh21

// Business Info Social Media
.social-media{
  .fa-circle{ display: none; }
  .fa-stack{
	font-size: 22px;
    .fa{
      color: #fff;
      transition: all .3s ease-in-out;
    }
  }
  @include screen-sm-min{
    &:hover{}
  }
}


// Instagram Icon Background Gradient

// Top To Bottom
background: linear-gradient( to bottom, #833ab4, #fd1d1d, #fcb045);
background: linear-gradient(to bottom, #7432FC, #AF13D1, #EA0F7E, #FB3B31, #FFCE00);
// Top Left Blue - Bottom Right Yellow
background: linear-gradient(210deg, rgba(64,93,230,1) 0%, rgba(131,58,180,1) 20%, rgba(225,48,108,1) 50%, rgba(245,96,64,1) 60%, rgba(252,175,69,1) 80%, rgba(255,220,128,1) 100%);
-----------------------------------------------------------------------
background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
background: radial-gradient(circle at 90% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
--------------------------------------------------------------------------


Instagram Gradietn BG
----------------------
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#405de6+0,833ab4+20,e1306c+40,f56040+60,fcaf45+80,ffdc80+100 */
background: rgb(64,93,230); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(64,93,230,1) 0%, rgba(131,58,180,1) 20%, rgba(225,48,108,1) 40%, rgba(245,96,64,1) 60%, rgba(252,175,69,1) 80%, rgba(255,220,128,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(64,93,230,1) 0%,rgba(131,58,180,1) 20%,rgba(225,48,108,1) 40%,rgba(245,96,64,1) 60%,rgba(252,175,69,1) 80%,rgba(255,220,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(64,93,230,1) 0%,rgba(131,58,180,1) 20%,rgba(225,48,108,1) 40%,rgba(245,96,64,1) 60%,rgba(252,175,69,1) 80%,rgba(255,220,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#405de6', endColorstr='#ffdc80',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
content_copyCOPY