This commit is contained in:
vinceliuice 2018-11-10 15:23:31 +08:00
parent 0ab64fa539
commit a04802152b
18 changed files with 158 additions and 123 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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%);

View File

@ -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