From a04802152b97dc490da18e2438aa39edcdd98ab1 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Sat, 10 Nov 2018 15:23:31 +0800 Subject: [PATCH] update --- src/gtk-3.0/gtk-compact-dark-solid-thin.css | 2 ++ src/gtk-3.0/gtk-compact-dark-solid.css | 2 ++ src/gtk-3.0/gtk-compact-dark-thin.css | 2 ++ src/gtk-3.0/gtk-compact-dark.css | 2 ++ src/gtk-3.0/gtk-compact-light-solid-thin.css | 2 ++ src/gtk-3.0/gtk-compact-light-solid.css | 2 ++ src/gtk-3.0/gtk-compact-light-thin.css | 2 ++ src/gtk-3.0/gtk-compact-light.css | 2 ++ src/gtk-3.0/gtk-dark-solid-thin.css | 32 +++++++++++--------- src/gtk-3.0/gtk-dark-solid.css | 32 +++++++++++--------- src/gtk-3.0/gtk-dark-thin.css | 32 +++++++++++--------- src/gtk-3.0/gtk-dark.css | 32 +++++++++++--------- src/gtk-3.0/gtk-light-solid-thin.css | 32 +++++++++++--------- src/gtk-3.0/gtk-light-solid.css | 32 +++++++++++--------- src/gtk-3.0/gtk-light-thin.css | 32 +++++++++++--------- src/gtk-3.0/gtk-light.css | 32 +++++++++++--------- src/gtk-3.0/sass/_common.scss | 3 ++ src/gtk-3.0/sass/_drawing.scss | 6 ++-- 18 files changed, 158 insertions(+), 123 deletions(-) diff --git a/src/gtk-3.0/gtk-compact-dark-solid-thin.css b/src/gtk-3.0/gtk-compact-dark-solid-thin.css index 700a8a7..22bbad2 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-solid-thin.css @@ -2398,6 +2398,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2443,6 +2444,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css index e7e2524..f4de9fd 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid.css +++ b/src/gtk-3.0/gtk-compact-dark-solid.css @@ -2398,6 +2398,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2443,6 +2444,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; diff --git a/src/gtk-3.0/gtk-compact-dark-thin.css b/src/gtk-3.0/gtk-compact-dark-thin.css index 6ef6015..212b064 100644 --- a/src/gtk-3.0/gtk-compact-dark-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-thin.css @@ -2398,6 +2398,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2443,6 +2444,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css index 6a3a594..80a11a3 100644 --- a/src/gtk-3.0/gtk-compact-dark.css +++ b/src/gtk-3.0/gtk-compact-dark.css @@ -2398,6 +2398,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2443,6 +2444,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; diff --git a/src/gtk-3.0/gtk-compact-light-solid-thin.css b/src/gtk-3.0/gtk-compact-light-solid-thin.css index e531f15..1a12c03 100644 --- a/src/gtk-3.0/gtk-compact-light-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-light-solid-thin.css @@ -2402,6 +2402,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2447,6 +2448,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css index 058d83e..7207509 100644 --- a/src/gtk-3.0/gtk-compact-light-solid.css +++ b/src/gtk-3.0/gtk-compact-light-solid.css @@ -2402,6 +2402,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2447,6 +2448,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; diff --git a/src/gtk-3.0/gtk-compact-light-thin.css b/src/gtk-3.0/gtk-compact-light-thin.css index 309dbc7..9894590 100644 --- a/src/gtk-3.0/gtk-compact-light-thin.css +++ b/src/gtk-3.0/gtk-compact-light-thin.css @@ -2402,6 +2402,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2447,6 +2448,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css index 7972619..2c9574a 100644 --- a/src/gtk-3.0/gtk-compact-light.css +++ b/src/gtk-3.0/gtk-compact-light.css @@ -2402,6 +2402,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2447,6 +2448,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; diff --git a/src/gtk-3.0/gtk-dark-solid-thin.css b/src/gtk-3.0/gtk-dark-solid-thin.css index 84427e6..8232ce7 100644 --- a/src/gtk-3.0/gtk-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-dark-solid-thin.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #dedede; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; @@ -426,7 +426,7 @@ button { button { min-height: 26px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -459,12 +459,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1096,7 +1096,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1735,7 +1735,7 @@ headerbar button:hover, background-color: rgba(119, 119, 119, 0.9); background-image: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1751,7 +1751,7 @@ headerbar button:checked, -gtk-icon-shadow: none; box-shadow: none; background-clip: padding-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1765,7 +1765,7 @@ headerbar button:active, text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: padding-box; } @@ -2396,6 +2396,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2441,6 +2442,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; @@ -2990,7 +2992,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3017,7 +3019,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3422,7 +3424,7 @@ scale slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4273,7 +4275,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5113,7 +5115,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -7705,7 +7707,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -8582,7 +8584,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.12); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css index 96da6c6..3a1cdc0 100644 --- a/src/gtk-3.0/gtk-dark-solid.css +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #dedede; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; @@ -426,7 +426,7 @@ button { button { min-height: 26px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -459,12 +459,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1096,7 +1096,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1735,7 +1735,7 @@ headerbar button:hover, background-color: rgba(119, 119, 119, 0.9); background-image: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1751,7 +1751,7 @@ headerbar button:checked, -gtk-icon-shadow: none; box-shadow: none; background-clip: padding-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1765,7 +1765,7 @@ headerbar button:active, text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: padding-box; } @@ -2396,6 +2396,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2441,6 +2442,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; @@ -2990,7 +2992,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3017,7 +3019,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3434,7 +3436,7 @@ scale slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4285,7 +4287,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5125,7 +5127,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8097,7 +8099,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -8974,7 +8976,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.12); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-dark-thin.css b/src/gtk-3.0/gtk-dark-thin.css index 1a342f3..b92ea34 100644 --- a/src/gtk-3.0/gtk-dark-thin.css +++ b/src/gtk-3.0/gtk-dark-thin.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #dedede; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; @@ -426,7 +426,7 @@ button { button { min-height: 26px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -459,12 +459,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1096,7 +1096,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1735,7 +1735,7 @@ headerbar button:hover, background-color: rgba(119, 119, 119, 0.88); background-image: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1751,7 +1751,7 @@ headerbar button:checked, -gtk-icon-shadow: none; box-shadow: none; background-clip: padding-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1765,7 +1765,7 @@ headerbar button:active, text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: padding-box; } @@ -2396,6 +2396,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2441,6 +2442,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; @@ -2990,7 +2992,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3017,7 +3019,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3434,7 +3436,7 @@ scale slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4285,7 +4287,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5125,7 +5127,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8097,7 +8099,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -8974,7 +8976,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.12); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index 448c47a..611ae8e 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #dedede; border-color: rgba(255, 255, 255, 0.12); background-color: #242424; @@ -426,7 +426,7 @@ button { button { min-height: 26px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -459,12 +459,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1096,7 +1096,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1735,7 +1735,7 @@ headerbar button:hover, background-color: rgba(119, 119, 119, 0.88); background-image: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1751,7 +1751,7 @@ headerbar button:checked, -gtk-icon-shadow: none; box-shadow: none; background-clip: padding-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1765,7 +1765,7 @@ headerbar button:active, text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: padding-box; } @@ -2396,6 +2396,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #498dff; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2441,6 +2442,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #498dff; box-shadow: inset 0 -1px #166dff; @@ -2990,7 +2992,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3017,7 +3019,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3434,7 +3436,7 @@ scale slider { border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4285,7 +4287,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #c5c5c5; background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5125,7 +5127,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8097,7 +8099,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -8974,7 +8976,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.12); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-light-solid-thin.css b/src/gtk-3.0/gtk-light-solid-thin.css index 73fb192..835bbc9 100644 --- a/src/gtk-3.0/gtk-light-solid-thin.css +++ b/src/gtk-3.0/gtk-light-solid-thin.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #363636; border-color: rgba(0, 0, 0, 0.11); background-color: #ffffff; @@ -427,7 +427,7 @@ button { button { min-height: 24px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -461,12 +461,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1098,7 +1098,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1734,7 +1734,7 @@ headerbar button:hover, background-color: #fafafa; background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1750,7 +1750,7 @@ headerbar button:checked, -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1764,7 +1764,7 @@ headerbar button:active, text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: border-box; } @@ -2418,6 +2418,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2463,6 +2464,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; @@ -3016,7 +3018,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3043,7 +3045,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3460,7 +3462,7 @@ scale slider { border: 1px solid rgba(0, 0, 0, 0.11); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4311,7 +4313,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5153,7 +5155,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8127,7 +8129,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -9004,7 +9006,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.11); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css index 5c0176b..d6bf9b8 100644 --- a/src/gtk-3.0/gtk-light-solid.css +++ b/src/gtk-3.0/gtk-light-solid.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #363636; border-color: rgba(0, 0, 0, 0.11); background-color: #ffffff; @@ -427,7 +427,7 @@ button { button { min-height: 24px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -461,12 +461,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1098,7 +1098,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1734,7 +1734,7 @@ headerbar button:hover, background-color: #fafafa; background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1750,7 +1750,7 @@ headerbar button:checked, -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1764,7 +1764,7 @@ headerbar button:active, text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: border-box; } @@ -2418,6 +2418,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2463,6 +2464,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; @@ -3016,7 +3018,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3043,7 +3045,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3460,7 +3462,7 @@ scale slider { border: 1px solid rgba(0, 0, 0, 0.11); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4311,7 +4313,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5153,7 +5155,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8127,7 +8129,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -9004,7 +9006,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.11); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-light-thin.css b/src/gtk-3.0/gtk-light-thin.css index 2563979..2d488a3 100644 --- a/src/gtk-3.0/gtk-light-thin.css +++ b/src/gtk-3.0/gtk-light-thin.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #363636; border-color: rgba(0, 0, 0, 0.11); background-color: #ffffff; @@ -427,7 +427,7 @@ button { button { min-height: 24px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -461,12 +461,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1098,7 +1098,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1734,7 +1734,7 @@ headerbar button:hover, background-color: #fafafa; background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1750,7 +1750,7 @@ headerbar button:checked, -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1764,7 +1764,7 @@ headerbar button:active, text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: border-box; } @@ -2418,6 +2418,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2463,6 +2464,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; @@ -3016,7 +3018,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3043,7 +3045,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3460,7 +3462,7 @@ scale slider { border: 1px solid rgba(0, 0, 0, 0.11); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4311,7 +4313,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5153,7 +5155,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8127,7 +8129,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -9004,7 +9006,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.11); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index 0ee9820..5008d63 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -200,7 +200,7 @@ entry { padding: 2px 8px; caret-color: currentColor; border-radius: 5px; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); color: #363636; border-color: rgba(0, 0, 0, 0.11); background-color: #ffffff; @@ -427,7 +427,7 @@ button { button { min-height: 24px; min-width: 16px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 5px; padding: 0 6px; @@ -461,12 +461,12 @@ button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel button.flat. color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 350ms; } button.flat:hover:active, button.budgie-menu-launcher:hover:active { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } button.flat:active, button.budgie-menu-launcher:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel button.flat.launcher:checked { @@ -1098,7 +1098,7 @@ calendar.button, calendar.raven-calendar.button { menuitem.button.flat, modelbutton.flat { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); min-height: 26px; padding-left: 8px; padding-right: 8px; @@ -1734,7 +1734,7 @@ headerbar button:hover, background-color: #fafafa; background-image: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), @@ -1750,7 +1750,7 @@ headerbar button:checked, -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; background-clip: border-box; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; } @@ -1764,7 +1764,7 @@ headerbar button:active, text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); box-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 300ms; background-clip: border-box; } @@ -2418,6 +2418,7 @@ menubar > menuitem menu menu, menubar > menuitem:hover, .menubar > menuitem:hover { + transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); background-color: #0046DB; color: #ffffff; text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); @@ -2463,6 +2464,7 @@ menu menuitem, menu menuitem:hover, .menu menuitem:hover { + transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1), background-color 100ms cubic-bezier(0, 0, 0.2, 1); color: #ffffff; background-color: #0046DB; box-shadow: inset 0 -1px #0036a8; @@ -3016,7 +3018,7 @@ row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled switch { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 50px; background-color: alpha(currentColor,0.3); @@ -3043,7 +3045,7 @@ switch:checked:disabled { switch slider { - transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; min-width: 18px; min-height: 18px; margin: 2px 0 2px 2px; @@ -3460,7 +3462,7 @@ scale slider { border: 1px solid rgba(0, 0, 0, 0.11); border-radius: 100%; box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border; } @@ -4311,7 +4313,7 @@ messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destruc color: #0b0b0b; background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { @@ -5153,7 +5155,7 @@ button.emoji-section { } .emoji widget { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .emoji widget:hover { @@ -8127,7 +8129,7 @@ window.budgie-popover:not(.csd) > frame.container > border { } .workspace-switcher .workspace-item { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + transition: all 0.1s cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { @@ -9004,7 +9006,7 @@ window.budgie-switcher-window flowboxchild { background-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.15); border-color: rgba(0, 0, 0, 0.11); - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index 4107d0b..f791149 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -1887,6 +1887,7 @@ menubar, &:hover { //Seems like it :hover even with keyboard focus // @include button(active); + transition: background-color 100ms cubic-bezier(0.0, 0.0, 0.2, 1); background-color: $selected_bg_color; color: $selected_fg_color; text-shadow: $text_shadow; @@ -1932,6 +1933,8 @@ menu, text-shadow: none; &:hover { + transition: box-shadow 100ms cubic-bezier(0.0, 0.0, 0.2, 1), + background-color 100ms cubic-bezier(0.0, 0.0, 0.2, 1); color: $selected_fg_color; background-color: $selected_bg_color; box-shadow: inset 0 -1px darken($selected_bg_color, 10%); diff --git a/src/gtk-3.0/sass/_drawing.scss b/src/gtk-3.0/sass/_drawing.scss index b4cc4d3..b56bfee 100644 --- a/src/gtk-3.0/sass/_drawing.scss +++ b/src/gtk-3.0/sass/_drawing.scss @@ -10,10 +10,10 @@ $text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0p // Transitions $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); -$transition_1: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); -$transition_2: all 0.2s cubic-bezier(0, 0, 0.2, 1); +$transition_1: all 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); +$transition_2: all 0.1s cubic-bezier(0, 0, 0.2, 1); $shadow_transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); -$button_transition: all 200ms $ease-out-quad; +$button_transition: all 100ms $ease-out-quad; $backdrop_transition: 200ms ease-out; // Animations