From 5e05e9a0f5a0deaab6bf957f687c536922cd44c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Malin=20Haugland=20H=C3=B8li?= <malin.holi@gmail.com>
Date: Fri, 19 Apr 2024 12:51:34 +0200
Subject: [PATCH] style: :wrench: Updated tailwind config for animating the
vacation illustration
---
tailwind.config.js | 23 ++++++++++++++++++++++-
1 file changed, 22 insertions(+), 1 deletion(-)
diff --git a/tailwind.config.js b/tailwind.config.js
index ff48818..abe363c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,7 +5,28 @@ export default {
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
- extend: {},
+ extend: {
+ animation: {
+ clouds: 'clouds 20s linear infinite',
+ beach: 'beach 5s linear infinite',
+ flame: 'flame 0.3s linear infinite',
+ },
+ keyframes: {
+ clouds: {
+ '0%': { backgroundPosition: '0%' },
+ '100%': { backgroundPosition: '-100%' },
+ },
+ beach: {
+ '0%': { backgroundPosition: '0%' },
+ '100%': { backgroundPosition: '-100%' },
+ },
+
+ flame: {
+ '0%, 100%': { transform: 'translateX(0%)' },
+ '50%': { transform: 'translateX(50%)' },
+ },
+ }
+ },
},
plugins: [],
}
\ No newline at end of file
--
GitLab