From c30100fe26dd380d650931048f5cadad3b289daf Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Sun, 14 Oct 2018 18:16:15 +0200
Subject: [PATCH] style: simplify social media handling

---
 css/style.css   | 31 ++++++++++++++-----------------
 scss/style.scss | 37 +++++++++++++++++--------------------
 2 files changed, 31 insertions(+), 37 deletions(-)

diff --git a/css/style.css b/css/style.css
index a9ac9fc..b1eb45c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -52,23 +52,20 @@ ul.social {
   padding-bottom: 1em;
   margin: auto;
   text-align: center; }
-
-li.social-li {
-  list-style: none;
-  display: inline; }
-
-a.social-link {
-  color: #FFFFFF;
-  background-color: #000000;
-  padding: 0.3em;
-  padding-left: 0.36em;
-  padding-right: 0.36em;
-  vertical-align: middle;
-  border-radius: 100%; }
-
-a.social-link:hover {
-  color: #000000;
-  background-color: #FFFFFF; }
+  ul.social li {
+    list-style: none;
+    display: inline; }
+    ul.social li a {
+      color: #FFFFFF;
+      background-color: #000000;
+      padding: 0.3em;
+      padding-left: 0.36em;
+      padding-right: 0.36em;
+      vertical-align: middle;
+      border-radius: 100%; }
+      ul.social li a:hover {
+        color: #000;
+        background-color: #FFF; }
 
 /* ------------------ CARDS ------------------- */
 .card {
diff --git a/scss/style.scss b/scss/style.scss
index 2ab40b8..86ce976 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -80,26 +80,23 @@ ul.social {
   padding-bottom:1em;
   margin:auto;
   text-align:center;
-}
-
-li.social-li {
-  list-style:none;
-  display:inline;
-}
-
-a.social-link {
-  color:#FFFFFF;
-  background-color:#000000;
-  padding:0.3em;
-  padding-left:0.36em;
-  padding-right:0.36em;
-  vertical-align:middle;
-  border-radius:100%;
-}
-
-a.social-link:hover {
-  color:#000000;
-  background-color:#FFFFFF;
+  li {
+    list-style: none;
+    display: inline;
+    a {
+      color:#FFFFFF;
+      background-color:#000000;
+      padding:0.3em;
+      padding-left:0.36em;
+      padding-right:0.36em;
+      vertical-align:middle;
+      border-radius:100%;
+      &:hover {
+        color:#000;
+        background-color:#FFF
+      }
+    }
+  }
 }