From ff0cec6d646ed9b332e4bdb960efca2d0287d26f Mon Sep 17 00:00:00 2001 From: sptaule Date: Fri, 28 Jan 2022 01:20:33 +0100 Subject: [PATCH] Beautify download button --- tailwind.config.js | 7 +++++++ templates/partials/shared/nav.html | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index 0d3f330..7c30233 100755 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -9,6 +9,13 @@ module.exports = { 'garage-orange': "#FF9329", 'garage-gray': "#4E4E4E", }, + backgroundSize: { + 'size-200': '200% 200%', + }, + backgroundPosition: { + 'pos-0': '0% 0%', + 'pos-100': '100% 100%', + }, }, }, variants: { diff --git a/templates/partials/shared/nav.html b/templates/partials/shared/nav.html index af46f2a..57e81fe 100644 --- a/templates/partials/shared/nav.html +++ b/templates/partials/shared/nav.html @@ -27,8 +27,8 @@ - + class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow px-2 py-1.5 rounded text-white transition-all duration-500 bg-gradient-to-tl from-garage-orange via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100"> + Download