toby3d/va
toby3d
/
va
1
0
Fork 0
Code Actions

💄 Added basic animation variables

This commit is contained in:
Maxim Lebedev 2021-06-13 13:12:26 +05:00
parent 6695f11e84
commit 125bf37f2d
Signed by: toby3d
GPG Key ID: 1F14E25B7C119FC5
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/typography.css
View File

@ -49,9 +49,9 @@ blockquote > q {
cursor: pointer;
text-decoration: underline;
text-decoration-skip-ink: auto;
transition-duration: 200ms;
transition-duration: var(--speed-medium);
transition-property: text-decoration-color;
transition-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
transition-timing-function: var(--easing-standard);
}
:any-link:hover {

9
assets/css/variables.css
View File

@ -50,6 +50,15 @@
--l-95: 95%;
--l-100: 100%;
--speed-small: 100ms;
--speed-medium: 200ms;
--speed-large: 300ms;
--easing-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
/* TODO(toby3d): --easing-emphasized */
--easing-decelerated: cubic-bezier(0.0, 0.0, 0.2, 1);
--easing-accelerated: cubic-bezier(0.4, 0.0, 1, 1);
/* NOTE(toby3d): Colors */
--background-color: hsl(0, 0%, var(--l-100));
--color: hsl(0, 0%, var(--l-0));