Advertisement
Misplon

Social Menu Styles

Aug 3rd, 2016
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.48 KB | None | 0 0
  1. /*--------------------------------------------------------------
  2. Social Menus
  3. --------------------------------------------------------------*/
  4. .menu {
  5.  
  6.     a[href*="behance.net"], a[href*="codepen.io"], a[href*="delicious.com"], a[href*="deviantart.com"], a[href*="digg.com"], a[href*="dribbble.com"], a[href*="facebook.com"], a[href*="flickr.com"], a[href*="foursquare.com"], a[href*="github.com"], a[href*="plus.google.com"], a[href*="instagram.com"], a[href*="linkedin.com"], a[href*="pinterest.com"], a[href*="reddit.com"], a[href*="soundcloud.com"], a[href*="stackexchange.com"], a[href*="stackoverflow.com"], a[href*="tumblr.com"], a[href*="twitter.com"], a[href*="vimeo.com"], a[href*="vine.co"], a[href*="vk.com"], a[href*="weibo.com"], a[href*="wordpress.com"], a[href*="xing"], a[href*="youtube.com"] {       
  7.         border-bottom: none;
  8.         color: transparent !important;
  9.         font-size: 0 !important;   
  10.         text-align: center;
  11.        
  12.         &:before {
  13.             font-family: $font__icon;
  14.             font-size: medium;
  15.         }          
  16.     }  
  17.  
  18.     a[href*="behance.net"]:before {
  19.         content: "\f1b4";
  20.     }
  21.  
  22.     a[href*="codepen.io"]:before {
  23.         content: "\f1cb";
  24.     }
  25.  
  26.     a[href*="delicious.com"]:before {      
  27.         content: "\f1a5";
  28.     }  
  29.  
  30.     a[href*="deviantart.com"]:before {
  31.         content: "\f1bd";
  32.     }  
  33.  
  34.     a[href*="digg.com"]:before {
  35.         content: "\f1a6";
  36.     }  
  37.  
  38.     a[href*="dribbble.com"]:before {
  39.         content: "\f17d";
  40.     }  
  41.  
  42.     a[href*="facebook.com"]:before {
  43.         content: "\f09a";
  44.     }  
  45.  
  46.     a[href*="flickr.com"]:before {
  47.         content: "\f16e";
  48.     }  
  49.  
  50.     a[href*="foursquare.com"]:before {
  51.         content: "\f180";
  52.     }
  53.  
  54.     a[href*="github.com"]:before {
  55.         content: "\f09b";
  56.     }                  
  57.  
  58.     a[href*="plus.google.com"]:before {
  59.         content: "\f0d5";
  60.     }          
  61.  
  62.     a[href*="instagram.com"]:before {
  63.         content: "\f16d";
  64.     }  
  65.  
  66.     a[href*="linkedin.com"]:before {
  67.         content: "\f0e1";
  68.     }          
  69.  
  70.     a[href*="pinterest.com"]:before {
  71.         content: "\f0d2";
  72.     }                      
  73.  
  74.     a[href*="reddit.com"]:before {
  75.         content: "\f1a1";
  76.     }              
  77.  
  78.     a[href*="soundcloud.com"]:before {
  79.         content: "\f1be";
  80.     }  
  81.  
  82.     a[href*="stackexchange.com"]:before {
  83.         content: "\f18d";
  84.     }  
  85.  
  86.     a[href*="stackoverflow.com"]:before {
  87.         content: "\f16c";
  88.     }  
  89.  
  90.     a[href*="tumblr.com"]:before {
  91.         content: "\f173";
  92.     }              
  93.  
  94.     a[href*="twitter.com"]:before {
  95.         content: "\f099";
  96.     }              
  97.  
  98.     a[href*="vimeo.com"]:before {
  99.         content: "\f194";
  100.     }      
  101.  
  102.     a[href*="vine.co"]:before {
  103.         content: "\f1ca";
  104.     }  
  105.  
  106.     a[href*="vk.com"]:before {
  107.         content: "\f189";
  108.     }
  109.  
  110.     a[href*="weibo.com"]:before {
  111.         content: "\f18a";
  112.     }  
  113.  
  114.     a[href*="wordpress.com"]:before {
  115.         content: "\f19a";
  116.     }  
  117.  
  118.     a[href*="xing"]:before {
  119.         content: "\f168";
  120.     }                          
  121.  
  122.     a[href*="youtube.com"]:before {
  123.         content: "\f16a";
  124.     }      
  125. }
  126.  
  127. .widget .menu {
  128.  
  129.     a[href*="behance.net"], a[href*="codepen.io"], a[href*="delicious.com"], a[href*="deviantart.com"], a[href*="digg.com"], a[href*="dribbble.com"], a[href*="facebook.com"], a[href*="flickr.com"], a[href*="foursquare.com"], a[href*="github.com"], a[href*="plus.google.com"], a[href*="instagram.com"], a[href*="linkedin.com"], a[href*="pinterest.com"], a[href*="reddit.com"], a[href*="soundcloud.com"], a[href*="stackexchange.com"], a[href*="stackoverflow.com"], a[href*="tumblr.com"], a[href*="twitter.com"], a[href*="vimeo.com"], a[href*="vine.co"], a[href*="vk.com"], a[href*="weibo.com"], a[href*="wordpress.com"], a[href*="xing"], a[href*="youtube.com"] {       
  130.    
  131.         &:hover {
  132.             border-bottom: none;
  133.         }
  134.  
  135.         &:before {
  136.             color: $color__text-main;
  137.         }
  138.  
  139.         &:hover:before {
  140.             color: $color__link;
  141.         }      
  142.     }
  143. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement