mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-30 12:20:36 -08:00
Fix: Animate - Reduceed motion at contents #268
This commit is contained in:
parent
f32f335e9a
commit
d46d6063ae
1 changed files with 30 additions and 28 deletions
|
|
@ -32,36 +32,38 @@
|
|||
}
|
||||
|
||||
/** Activity Stream - Animate *********************************************/
|
||||
:root {
|
||||
--animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
--animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1);
|
||||
}
|
||||
|
||||
/* Background */
|
||||
.top-site-outer,
|
||||
#searchSubmit,
|
||||
button.icon,
|
||||
button.close-button {
|
||||
transition: background 1.5s var(--animation-easing-function);
|
||||
}
|
||||
.top-site-outer:hover,
|
||||
#searchSubmit:hover,
|
||||
button.icon:hover,
|
||||
button.close-button:hover {
|
||||
transition: background 0.5s var(--animation-easing-function);
|
||||
}
|
||||
/* Background */
|
||||
.top-site-outer,
|
||||
#searchSubmit,
|
||||
button.icon,
|
||||
button.close-button {
|
||||
transition: background 1.5s var(--animation-easing-function);
|
||||
}
|
||||
.top-site-outer:hover,
|
||||
#searchSubmit:hover,
|
||||
button.icon:hover,
|
||||
button.close-button:hover {
|
||||
transition: background 0.5s var(--animation-easing-function);
|
||||
}
|
||||
|
||||
/* Search Bar */
|
||||
.search-inner-wrapper input {
|
||||
transition: 1s var(--animation-easing-function);
|
||||
transition-property: border-color, box-shadow;
|
||||
}
|
||||
.search-wrapper .search-inner-wrapper:active input,
|
||||
.search-wrapper input:focus {
|
||||
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
|
||||
}
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
/* Search Bar */
|
||||
.search-inner-wrapper input {
|
||||
transition: 1s var(--animation-easing-function);
|
||||
transition-property: border-color, box-shadow;
|
||||
}
|
||||
.search-wrapper .search-inner-wrapper:active input,
|
||||
.search-wrapper input:focus {
|
||||
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
|
||||
}
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
|
||||
/** Activity Stream - Home Search Bar looks like proton *******************/
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue