_card.scss in jekyll-sleek-0.1.7

- old
+ new

@@ -1,7 +1,8 @@
 .post-card {
   display: block;
+  position: relative;
   width: 100%;
   min-height: 250px;
   border-radius: 4px;
   overflow: hidden;
   background-color: $bg-color;
@@ -37,10 +38,40 @@
     &:last-of-type,
     &:nth-child(3n+3) {
       margin-right: 0;
     }
   }
+
+  &__label {
+    position: absolute;
+    top: 1.5rem;
+    left: 1.5rem;
+    z-index: 2;
+  }
+
+  &__inner {
+    display: block;
+    position: relative;
+    padding: 1.875rem 1.25rem 0.625rem;
+    width: 100%;
+    color: $grey;
+    border-bottom: 0;
+
+    &:focus,
+    &:hover {
+      color: $grey;
+      border-bottom: 0;
+    }
+  }
+
+  &__header {
+    margin-bottom: 0.75rem;
+  }
+
+  &__meta {
+    font-size: 0.875rem;
+  }
 }
 
 .post-card__thumb {
   margin: 0;
   background: $bg-color;
@@ -62,19 +93,6 @@
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
   }
-}
-
-.post-card__inner {
-  padding: 1.875rem 1.25rem 0.625rem;
-  color: $grey;
-}
-
-.post-card__header {
-  margin-bottom: 0.75rem;
-
-  .post-card__meta {
-    font-size: 0.875rem;
-  }
-}
+}
\ No newline at end of file