// 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 */
Comments