Change menu icon style

Author: accgit

src/css/style.menu.css

@@ -3,15 +3,18 @@
     responsive menu
 */
 .nav .click {
-    cursor: pointer;
-    margin: 15px 20px 0 0;
-     float: right;
-}
-
-.nav .click .menu {
     border-radius: 30px;
         font-size: 14px;
-          padding: 7px 8px;
+          padding: 3px 8px;
+	   cursor: pointer;
+	   margin: 15px 20px 0 0;
+	    float: right;
+}
+
+.nav .click:before {
+    font-family: "FontAwesome";
+      font-size: 14px;
+        content: "\f0c9";
 }
 
 .nav .responsive { display: none; }
@@ -82,8 +85,6 @@
      font-family: "FontAwesome";
          content: "\f106";
 	  margin: 0 15px 0 0;
-	  height: 10px;
-	   width: 10px;
 	   float: right;
 }
 

src/css/style.menu.dark.css

@@ -2,13 +2,12 @@
 /*
     dark theme sidebar menu
 */
-.nav .click { color: white; }
-.nav .click .menu {
+.nav .click { 
     transition: all 0.1s ease-in-out;
          color: #4a5160;
 }
 
-.nav .click .menu:hover {
+.nav .click:hover {
     background-color: #363c49;
                color: #eaedf1;
 }

src/css/style.menu.light.css

@@ -2,15 +2,14 @@
 /*
     light theme sidebar menu
 */
-.nav .click { color: white; }
-.nav .click .menu {
+.nav .click {
     transition: all 0.1s ease-in-out;
-         color: #bdbdbd;
+         color: #dcdcdc;
 }
 
-.nav .click .menu:hover {
-    background-color: #f4f4f4;
-               color: #7f7f7f;
+.nav .click:hover {
+    background-color: #f2f2f2;
+	       color: #5c5c5c;
 }
 
 .sidebar .title {

src/index.html

@@ -30,9 +30,7 @@
 	<div class="nav">
 
 		<!-- click menu -->
-		<div class="click">
-			<i class="fa fa-bars menu" aria-hidden="true"></i>
-		</div>
+		<div class="click"></div>
 
 		<!-- sidebar -->
 		<div class="sidebar">