Make the hover transition a variable
This commit is contained in:
parent
e658d9619b
commit
aa0e19daf0
2 changed files with 3 additions and 1 deletions
|
@ -18,6 +18,8 @@ limitations under the License.
|
||||||
|
|
||||||
@import "./_font-sizes.scss";
|
@import "./_font-sizes.scss";
|
||||||
|
|
||||||
|
$hover-transition: 0.08s cubic-bezier(.46, .03, .52, .96); // quadratic
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -21,7 +21,7 @@ limitations under the License.
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.mx_AvatarSetting_hover {
|
.mx_AvatarSetting_hover {
|
||||||
transition: opacity 0.08s cubic-bezier(.46, .03, .52, .96); // quadratic
|
transition: opacity $hover-transition;
|
||||||
|
|
||||||
// position to place the hover bg over the entire thing
|
// position to place the hover bg over the entire thing
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue