granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add variables for timing

Browse source
This commit is contained in:
Justin Edmund 2023-01-20 21:05:23 -08:00
parent 3417eab46e
commit efcd2ea47c
4 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/CharacterUnit/index.scss
View file

@ -69,7 +69,7 @@
align-items: center;
justify-content: center;
overflow: hidden;
transition: all 0.18s ease-in-out;
transition: $duration-zoom all ease-in-out;
height: auto;
width: 100%;
-webkit-user-select: none; /* Safari */
@ -86,6 +86,7 @@
z-index: 1;
svg {
transition: $duration-color-fade fill ease-in-out;
fill: var(--icon-secondary);
}
}

3
components/SummonUnit/index.scss
View file

@ -42,7 +42,7 @@
align-items: center;
justify-content: center;
overflow: hidden;
transition: all 0.18s ease-in-out;
transition: $duration-zoom all ease-in-out;
&:hover .icon svg {
fill: var(--icon-secondary-hover);
@ -55,6 +55,7 @@
z-index: 1;
svg {
transition: $duration-color-fade fill ease-in-out;
fill: var(--icon-secondary);
}
}

3
components/WeaponUnit/index.scss
View file

@ -122,7 +122,7 @@
margin-bottom: calc($unit / 4);
overflow: hidden;
position: relative;
transition: all 0.18s ease-in-out;
transition: $duration-zoom all ease-in-out;
&:hover .icon svg {
fill: var(--icon-secondary-hover);
@ -169,6 +169,7 @@
z-index: 1;
svg {
transition: $duration-color-fade fill ease-in-out;
fill: var(--icon-secondary);
}
}

4
styles/variables.scss
View file

@ -307,3 +307,7 @@ $item-corner: $unit-half;
// Shadows
$hover-stroke: 1px solid rgba(0, 0, 0, 0.1);
$hover-shadow: rgba(0, 0, 0, 0.08) 0px 0px 14px;
// Durations
$duration-color-fade: 0.24s;
$duration-zoom: 0.18s;