You've already forked matrix-react-sdk
mirror of
https://github.com/matrix-org/matrix-react-sdk.git
synced 2025-07-31 13:44:28 +03:00
Make the hover transition a variable
This commit is contained in:
@ -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;
|
||||||
|
Reference in New Issue
Block a user