matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-07-31 13:44:28 +03:00
Code Activity

Replace a Sass variable with a CSS custom property - hover-transition (#10786)

Browse Source
This commit is contained in:
Suguru Hirahara
2023-05-22 07:40:40 +00:00
committed by GitHub
parent 74d30187a4
commit 2e3cb0adf7
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/_animations.pcss
View File

@ -34,6 +34,10 @@ limitations under the License.
transition: opacity 300ms ease;
}
:root {
--hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
}
@keyframes mx--anim-pulse {
0% {
opacity: 1;

2
res/css/_common.pcss
View File

@ -23,8 +23,6 @@ limitations under the License.
@import "./_spacing.pcss";
@import url("maplibre-gl/dist/maplibre-gl.css");
$hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
:root {
font-size: 10px;

2
res/css/views/settings/_AvatarSetting.pcss
View File

@ -22,7 +22,7 @@ limitations under the License.
position: relative;
.mx_AvatarSetting_hover {
transition: opacity $hover-transition;
transition: opacity var(--hover-transition);
/* position to place the hover bg over the entire thing */
position: absolute;