Convert social to scss.

src/styles/components/_social.scss

@@ -1,15 +1,38 @@
-i.email, span.email {
-color: #aaa;
+/*
+ * Spreed Speak Freely.
+ * Copyright (C) 2013-2014 struktur AG
+ *
+ * This file is part of Spreed Speak Freely.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+.#{$fa-css-prefix} {
+  &.email {
+    color: #aaa;
+  }
+  &.facebook {
+    color: #45619d;
+  }
+  &.google {
+    color: #dd4b39;
+  }
+  &.twitter {
+    color: #00aced;
+  }
+  &.xing {
+    color: #fff;
+  }
 }
-i.facebook, span.facebook {
-color: #45619d;
-}
-i.twitter, span.twitter {
-color: #00aced;
-}
-i.google, span.google {
-color: #dd4b39;
-}
-i.xing, span.xing {
-color: #fff;
-}