imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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; transition: opacity 300ms ease;
} }
:root {
--hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
}
@keyframes mx--anim-pulse { @keyframes mx--anim-pulse {
0% { 0% {
opacity: 1; opacity: 1;

2
res/css/_common.pcss
View file

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

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

@ -22,7 +22,7 @@ limitations under the License.
position: relative; position: relative;
.mx_AvatarSetting_hover { .mx_AvatarSetting_hover {
transition: opacity $hover-transition; transition: opacity var(--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;