From f9e3120ba664cb249d499491806aa05e49d0f5df Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 30 Jan 2021 14:47:16 -0600
Subject: [PATCH] Add shimmer helper

---
 assets/css/tailwind.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b01a3fc..9121065 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -117,3 +117,21 @@
 .hover\:bg-blur:hover {
     backdrop-filter: blur(15px);
 }
+
+.shimmer {
+    animation: placeHolderShimmer 1s infinite;
+    animation-timing-function: linear;
+    background: #f6f7f8;
+    background: linear-gradient(to right, rgba(0, 0, 0, 0.07) 8%, rgba(0, 0, 0, 0.45) 18%, rgba(0, 0, 0, 0.07) 33%);
+    background-size: 200% 100px;
+    background-attachment: fixed;
+}
+
+@keyframes placeHolderShimmer {
+    0% {
+        background-position: 100% 0;
+    }
+    100% {
+        background-position: -100% 0;
+    }
+}