From 662507a84ac9c194e4a4e236e7a9c4fc6ef7f12f Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Thu, 13 Dec 2018 22:15:12 +0000
Subject: [PATCH] Add transform origin to social icon transitions

---
 css/metadata.css | 3 ++-
 css/social.css   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/css/metadata.css b/css/metadata.css
index 2c1e168..4a58819 100644
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -49,12 +49,13 @@
   transition:
     filter var(--transition-md) ease-out,
     transform var(--transition-md) ease-out;
+  transform-origin: center bottom;
 }
 
 .metadata__share-link:focus,
 .metadata__share-link:hover {
   filter: saturate(1.5) contrast(1.5);
-  transform: scale(1.2);
+  transform: scale(1.3);
 }
 
 /**
diff --git a/css/social.css b/css/social.css
index 1114a9a..834ec1a 100644
--- a/css/social.css
+++ b/css/social.css
@@ -9,11 +9,12 @@
   transition:
     filter var(--transition-md) ease-out,
     transform var(--transition-md) ease-out;
+  transform-origin: center bottom;
 }
 
 .social__link:focus,
 .social__link:hover {
   filter: saturate(1.5) contrast(1.5);
-  transform: scale(1.2);
+  transform: scale(1.3);
 }