fix some icon animations

This commit is contained in:
Alexander Bocken 2023-07-10 13:19:35 +02:00
parent 71d5dd14df
commit d33433eb8f
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
5 changed files with 9 additions and 4 deletions

View File

@ -3,8 +3,8 @@ export let recipe
export let current_month
export let icon_override = false;
export let search = "search_me"
import "$lib/css/icon.css";
import "$lib/css/shake.css";
import "$lib/css/icon.css";
if(icon_override){
current_month = recipe.season[0]

View File

@ -3,6 +3,7 @@
import Cross from '$lib/assets/icons/Cross.svelte';
import SeasonSelect from '$lib/components/SeasonSelect.svelte';
import '$lib/css/action_button.css'
import '$lib/css/shake.css'
import { redirect } from '@sveltejs/kit';
import { RecipeModelType } from '../../types/types';

View File

@ -14,7 +14,9 @@
border-radius: 1000px;
box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
}
a:hover{
a:hover,
a:focus-visible
{
--angle: 15deg;
animation: shake 0.5s ease forwards;
}

View File

@ -1,5 +1,5 @@
<script>
import "$lib/components/nordtheme.css"
import "$lib/css/nordtheme.css"
export let title
</script>
<style>

View File

@ -17,7 +17,9 @@
border-radius: 1000px;
box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
}
a:hover{
a:hover,
a:focus-visible
{
--angle: 15deg;
animation: shake 0.5s ease forwards;
}