mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-21 16:55:34 +03:00
Code Issues Projects Releases Packages Wiki 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions
Show stats 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;