ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-06 01:14:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: turned custom bezier into root variable

Browse Source
This commit is contained in:
af-n 2022-07-23 15:35:32 -04:00
parent 016da4b80f
commit bcf0b92323
6 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/atoms/Button.svelte
View File

@ -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;
}

2
src/lib/components/atoms/ContributorButton.svelte
View File

@ -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;
}

2
src/lib/components/atoms/DownloadChannel.svelte
View File

@ -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;
}

2
src/lib/components/atoms/Navigation.svelte
View File

@ -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;
}

2
src/lib/components/atoms/SocialButton.svelte
View File

@ -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;

1
src/routes/__layout.svelte
View File

@ -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) {