Align tags to the left in article header

pipeline/scss/components/_tags.scss

@@ -8,73 +8,24 @@ ul.tags {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  float:right;
+  float:left;
   li {
     height: 20px;
     line-height: 20px;
     margin-left: 4px;
     margin-bottom: .75em;
     display: flex;
-    &:not(.icon) {
-      @include card(1, 3);
-    }
+    // &:not(.icon) {
+    //   @include card(1, 3);
+    // }
     a {
       line-height: 20px;
       align-items: center;
       height: 20px;
       font-size: 14px;
-      color: $base-font-color;
+      // color: $base-font-color;
       padding-left: .3em;
       padding-right: .3em;
     }
   }
 }
-
-// .tags li {
-//   float: left;
-//   &:first-child {
-//     margin-right:.5em;
-//   }
-// }
-// .tag {
-//   background: $tag-bg-color;
-//   border-radius: 3px 0 0 3px;
-//   color: $base-font-color;
-//   display: inline-block;
-//   height: 26px;
-//   line-height: 26px;
-//   padding: 0 20px 0 23px;
-//   position: relative;
-//   margin: 0 10px 10px 0;
-//   text-decoration: none;
-//   font-size:.7em;
-//   -webkit-transition: color 0.2s;
-// }
-// .tag::before {
-//   background: #fff;
-//   border-radius: 10px;
-//   box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
-//   content: '';
-//   height: 6px;
-//   left: 10px;
-//   position: absolute;
-//   width: 6px;
-//   top: 10px;
-// }
-// .tag::after {
-//   background: #fff;
-//   border-bottom: 13px solid transparent;
-//   border-left: 10px solid $tag-bg-color;
-//   border-top: 13px solid transparent;
-//   content: '';
-//   position: absolute;
-//   right: 0;
-//   top: 0;
-// }
-// .tag:hover {
-//   background-color: $hugo-pink;
-//   color: white;
-// }
-// .tag:hover::after {
-//    border-left-color: $hugo-pink;
-// }