From 732db7004a4cbd573a2031c19a62977919ea2ce4 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 30 Aug 2017 13:11:56 +0200
Subject: [PATCH] nicer interaction for blog article

---
 _src/_assets/scss/page-front.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/_src/_assets/scss/page-front.scss b/_src/_assets/scss/page-front.scss
index a03a322..9ec9c5f 100644
--- a/_src/_assets/scss/page-front.scss
+++ b/_src/_assets/scss/page-front.scss
@@ -179,6 +179,7 @@
 
 .article {
     margin-bottom: 6%;
+    transition: .15s ease-out;
 
     @media ($screen-md) {
         flex: 0 0 47%;
@@ -186,6 +187,8 @@
 
     &:hover,
     &:focus {
+        transform: translateY(-1px);
+
         .article__title {
             color: $link-color;
         }
@@ -194,6 +197,11 @@
             background-color: $link-color;
         }
     }
+
+    &:active {
+        transition: none;
+        transform: translateY(0);
+    }
 }
 
 .article__image {
@@ -208,7 +216,7 @@
 }
 
 .article__title {
-    font-size: $font-size-small;
+    font-size: $font-size-base;
     color: $text-color;
     margin: 0;
     align-self: flex-end;