From bcf0b923230da3a7759dd9d14ecaeb0d79f0a564 Mon Sep 17 00:00:00 2001 From: af-n <733093@gmail.com> Date: Sat, 23 Jul 2022 15:35:32 -0400 Subject: [PATCH 1/2] refactor: turned custom bezier into root variable --- src/lib/components/atoms/Button.svelte | 2 +- src/lib/components/atoms/ContributorButton.svelte | 2 +- src/lib/components/atoms/DownloadChannel.svelte | 2 +- src/lib/components/atoms/Navigation.svelte | 2 +- src/lib/components/atoms/SocialButton.svelte | 2 +- src/routes/__layout.svelte | 1 + 6 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index acb71b2..2567afc 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -28,7 +28,7 @@ cursor: pointer; background-color: transparent; margin-top: 45px; - transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: transform 0.4s var(--bezier-one), box-shadow 0.4s var(--bezier-one); user-select: none; } diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte index 344aac3..3041927 100644 --- a/src/lib/components/atoms/ContributorButton.svelte +++ b/src/lib/components/atoms/ContributorButton.svelte @@ -31,7 +31,7 @@ cursor: pointer; background-color: var(--grey-four); font-size: 1.5rem; - transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: transform 0.4s var(--bezier-one); user-select: none; } diff --git a/src/lib/components/atoms/DownloadChannel.svelte b/src/lib/components/atoms/DownloadChannel.svelte index 000c97e..0ea7848 100644 --- a/src/lib/components/atoms/DownloadChannel.svelte +++ b/src/lib/components/atoms/DownloadChannel.svelte @@ -31,7 +31,7 @@ padding: 12px 40px; cursor: pointer; background-color: transparent; - transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: background-color 0.4s var(--bezier-one), box-shadow 0.4s var(--bezier-one); user-select: none; } diff --git a/src/lib/components/atoms/Navigation.svelte b/src/lib/components/atoms/Navigation.svelte index 6dfbe56..b0b0be8 100644 --- a/src/lib/components/atoms/Navigation.svelte +++ b/src/lib/components/atoms/Navigation.svelte @@ -22,7 +22,7 @@ margin-right: 0.5rem; align-items: center; border: var(--grey-six); - transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-timing-function: var(--bezier-one); transition-duration: 0.25s; } diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte index c3397e8..a602b98 100644 --- a/src/lib/components/atoms/SocialButton.svelte +++ b/src/lib/components/atoms/SocialButton.svelte @@ -21,7 +21,7 @@ cursor: pointer; background-color: var(--grey-four); font-size: 1.5rem; - transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: transform 0.4s var(--bezier-one), filter 0.4s var(--bezier-one); user-select: none; margin-right:0.5rem; margin-left: 0.5rem; diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte index 7718cfe..ac52603 100644 --- a/src/routes/__layout.svelte +++ b/src/routes/__layout.svelte @@ -68,6 +68,7 @@ import Wave from '$lib/components/atoms/Wave.svelte'; --grey-five: #D0D0D0; --grey-six: #a19e9e; --grey-seven: #535563; + --bezier-one: cubic-bezier(0.25, 0.46, 0.45, 0.94) } :global(::selection) { From 288c89cc4a26af386a5c0eded6da8297a1d51c19 Mon Sep 17 00:00:00 2001 From: af-n <733093@gmail.com> Date: Sat, 23 Jul 2022 15:44:26 -0400 Subject: [PATCH 2/2] oops --- src/lib/components/organisms/IndexDescription.svelte | 1 - 1 file changed, 1 deletion(-) diff --git a/src/lib/components/organisms/IndexDescription.svelte b/src/lib/components/organisms/IndexDescription.svelte index 7f77dee..d30efbe 100644 --- a/src/lib/components/organisms/IndexDescription.svelte +++ b/src/lib/components/organisms/IndexDescription.svelte @@ -30,7 +30,6 @@ gap:1rem; user-select: none; transform: translateX(-3px); - margin-top: 3rem; } .hero-text h1 {