mobile-config-firefox/chrome/button_effect_scale_onhover.css

38 lines
1.5 KiB
CSS
Raw Normal View History

2020-05-22 05:13:58 +00:00
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/button_effect_scale_onhover.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
2018-12-07 06:04:28 +00:00
/* Effect */
.urlbar-icon,
2018-12-07 06:04:28 +00:00
.toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{
transition: transform 83ms linear !important;
2018-12-07 06:04:28 +00:00
}
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
transition: padding 83ms linear !important;
2018-12-07 06:04:28 +00:00
}
toolbarbutton#scrollbutton-up > .toolbarbutton-icon,
toolobar .toolbarbutton-1 > .toolbarbutton-icon,
2018-12-07 06:04:28 +00:00
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon,
.urlbar-icon{
2018-12-07 06:04:28 +00:00
transform: scale(0.8) !important;
}
toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
2018-12-07 06:04:28 +00:00
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
2018-12-07 06:04:28 +00:00
}
toolbarbutton#scrollbutton-up:not([disabled]):hover > .toolbarbutton-icon,
2018-12-07 06:04:28 +00:00
toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
.menuitem-iconic:not([disabled]):hover .menu-iconic-icon,
.urlbar-page-action:hover > .urlbar-icon{
2018-12-07 06:04:28 +00:00
transform: none !important;
}
toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
2018-12-07 06:04:28 +00:00
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{
padding: var(--toolbarbutton-inner-padding) !important;
2018-12-07 06:04:28 +00:00
}