Add autoprefixer workflow (#74)

* Add node_modules in gitignore

* Add autoprefixer workflow

static/assets/css/navigators/navbar.css

@@ -6,7 +6,6 @@
   height: 50px;
   z-index: 99999;
   transition: all 0.4s ease-out;
-  -webkit-transition: all 0.4s ease-out;
   margin: 0;
   padding-top: 0.1rem;
   text-align: center;
@@ -31,7 +30,6 @@
 .initial-navbar li a:hover {
   color: #f9fafc;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
 }
 
 .navbar-collapse {
@@ -52,7 +50,6 @@
   background-color: #f9fafc;
   color: #1c2d41;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
 }
 
 .final-navbar .navbar-brand {
@@ -64,7 +61,6 @@
   color: #1c2d41;
   font-weight: 500;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
   border-bottom: 2px solid#F9FAFC;
 }
 
@@ -72,7 +68,6 @@
 .final-navbar li a:hover {
   color: #2098d1;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
   border-bottom: 2px solid #2098d1;
   background: rgb(2, 0, 36);
   background: linear-gradient(
@@ -87,7 +82,6 @@
   color: #1c2d41;
   font-weight: 500;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
 }
 
 .navbar-collapse.show .navbar-nav .active,
@@ -146,14 +140,13 @@
   .initial-navbar li a:hover {
     color: #2098d1;
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .final-navbar .navbar-nav .active,
   .final-navbar li a:hover {
     color: #2098d1;
     transition: none;
-    -webkit-transition: none;
+
     border-bottom: none;
     background: transparent;
   }
@@ -165,7 +158,6 @@
   .final-navbar .navbar-collapse.show {
     box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .dropdown-divider {
@@ -186,14 +178,13 @@
   .initial-navbar li a:hover {
     color: #2098d1;
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .final-navbar .navbar-nav .active,
   .final-navbar li a:hover {
     color: #2098d1;
     transition: none;
-    -webkit-transition: none;
+
     border-bottom: none;
     background: transparent;
   }
@@ -205,7 +196,6 @@
   .final-navbar .navbar-collapse.show {
     box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .dropdown-divider {
@@ -226,14 +216,13 @@
   .initial-navbar li a:hover {
     color: #2098d1;
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .final-navbar .navbar-nav .active,
   .final-navbar li a:hover {
     color: #2098d1;
     transition: none;
-    -webkit-transition: none;
+
     border-bottom: none;
     background: transparent;
   }
@@ -245,7 +234,6 @@
   .final-navbar .navbar-collapse.show {
     box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
     transition: all 0.3s ease-out;
-    -webkit-transition: all 0.3s ease-out;
   }
 
   .dropdown-divider {

static/assets/css/navigators/sidebar.css

@@ -4,7 +4,6 @@
   max-width: 20%;
   /* background-color: lightsalmon; */
   transition: all ease-out 0.5s;
-  -webkit-transition: all ease-out 0.5s;
 }
 
 .sidebar-holder {
@@ -15,14 +14,12 @@
   overflow: auto;
   box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
   transition: all ease-out 0.3s;
-  -webkit-transition: all ease-out 0.3s;
 }
 
 .sidebar {
   background: #f9fafc;
   height: 100vh;
   transition: all ease-out 0.3s;
-  -webkit-transition: all ease-out 0.3s;
 }
 
 .sidebar-tree {
@@ -42,7 +39,6 @@
   border-radius: 5px;
   background-color: #e5e9f2;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
   border: 1px solid #c0ccda;
 }
 
@@ -74,7 +70,6 @@ ul {
   text-decoration: none;
   color: #131313;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
 }
 
 .tree li a.active {
@@ -86,7 +81,6 @@ ul {
   margin-left: 3px;
   color: #2098d1;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
 }
 
 .tree i {
@@ -193,7 +187,6 @@ a.focused {
     max-width: 0%;
     min-height: 100vh;
     transition: all ease-out 0.3s;
-    -webkit-transition: all ease-out 0.3s;
   }
   .sidebar-holder {
     position: sticky;
@@ -206,7 +199,6 @@ a.focused {
     max-width: 30%;
     margin-right: 0.5rem;
     transition: all ease-out 0.3s;
-    -webkit-transition: all ease-out 0.3s;
   }
 }
 
@@ -223,7 +215,6 @@ a.focused {
     max-width: 0%;
     min-height: 100vh;
     transition: all ease-out 0.3s;
-    -webkit-transition: all ease-out 0.3s;
   }
   .sidebar-holder {
     position: sticky;
@@ -236,7 +227,6 @@ a.focused {
     max-width: 40%;
     margin-right: 0.5rem;
     transition: all ease-out 0.3s;
-    -webkit-transition: all ease-out 0.3s;
   }
 }
 
@@ -249,7 +239,6 @@ a.focused {
     max-height: 0;
     max-width: 100%;
     transition: all ease-out 0.5s;
-    -webkit-transition: all ease-out 0.5s;
   }
 
   .sidebar-section.hide {
@@ -260,7 +249,6 @@ a.focused {
     max-height: 300vh;
     max-width: 100%;
     transition: all ease-out 0.5s;
-    -webkit-transition: all ease-out 0.5s;
   }
 
   .sidebar-holder {
@@ -269,13 +257,11 @@ a.focused {
     overflow: hidden;
     max-width: 100%;
     transition: all ease-out 0.5s;
-    -webkit-transition: all ease-out 0.5s;
   }
 
   .sidebar-section.hide .sidebar-holder {
     max-height: 200vh;
     transition: all ease-out 0.5s;
-    -webkit-transition: all ease-out 0.5s;
   }
 
   .sidebar {
@@ -286,19 +272,16 @@ a.focused {
     min-height: 0;
     overflow: hidden;
     transition: all ease-out 0.5s;
-    -webkit-transition: all ease-out 0.5s;
   }
 
   .sidebar-tree {
     margin-left: 0rem;
     max-height: 0;
     transition: all 0.5s ease-out;
-    -webkit-transition: all 0.5s ease-out;
   }
   .sidebar-section.hide .sidebar-tree {
     max-height: 200vh;
     transition: all 0.5s ease-out;
-    -webkit-transition: all 0.5s ease-out;
   }
 }